pCloud Partner Program

測試網站的Responsive效果

手機大未來 2015/06/29 10:46
views: 50241 times
在各式不同載具上都能有效呈現網站, 目前已經是一種很重要的顯學了. 如何快速進行適應介面呈現的測試, 這裡有好用的工具可以實現.

1. http://designmodo.com/responsive-test/
輸入要測試的網站網址後, 選擇右上的各式載具(包含了手機、平板、筆電、桌機等4大類), 就可以輕鬆預覽各種不同螢幕寬度的效果, 快速方便. 右上會顯示出各式設備的寬與高的點數, 也可以藉由旁邊的旋轉圖示來進行模擬旋轉(其實也就是寬變成高, 高變成寬這樣)

2. http://responsivetest.net/
這個網站功能與上面第一個介紹的類似, 不過他會直接把目前測試的內容, 在 url 參數化, 更易於進行分享傳遞, 與溝通使用, 將測試的畫面, 以 url 再轉傳給需要討論的對象, 十分方便.

其他還有像是:
http://responsivedesignchecker.com/
http://ami.responsivedesign.is/ 直接生出4個live預覽圖, 很有意思
http://quirktools.com/screenfly/

等, 也都十分方便好用.
top

FPT-全網頁效能偵測服務(web版本)

系統技術 2008/06/06 11:59
views: 115783 times
從[愛迪 怕死我]網站看來的.

這個 full page test 線上服務有幾點很方便的功能.
  1. 方便好用-整個是在瀏覽器下操作
  2. 圖表整理清楚-整個圖形化的呈現結果, 清楚地呈現整個效能問題及診斷
  3. 容易分析-根據提供的結果, 很容易地找出問題或需要調整的地方
這個工具很重要的地方就在於不用安裝, 而且針對網頁無論是設計面或是效能面都有一個客觀的診斷結果, 對於在設計及開發網站應用程式來說是很方便而重要的參考依據. 我們來看看操作的方式, 首先連結到 http://tools.pingdom.com/fpt/ , 簡潔的操作介面上只需要填入要測試的 url 即可, 按下 test 之後, 就可以取得很棒的一個圖表測試報告:

more..


top
TAG Test, tools, Web




Patriot美商博帝 BURST 960G 2.5吋 SSD固態硬碟
TEAM十銓 L5 Lite 3D 1TB 2.5吋 SSD固態硬碟
統一 番茄汁(6入/組)
UNITEK TYPE-C 轉VGA/HDMI/PD充電/HUB 鋁合金多功能轉接器
亞果元素 CASA Hub VH1 Type-C 轉 VGA - HDMI二合一顯示轉接器


 Waiting...