pCloud Partner Program

測試網站的Responsive效果

手機大未來 2015/06/29 10:46
views: 40265 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: 103973 times
從[愛迪 怕死我]網站看來的.

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

more..


top
TAG Test, tools, Web




Nextbit Robin 5.2吋六核心智慧型手機 Microsoft Office 365 中文家用版PKC (無光碟)
ASUS華碩 AC1900 雙頻無線路由器 RT-AC68U 美國 VORNADO 533 渦流空氣循環機 (黑色)
御茶園 每朝健康綠茶(650mlx24入) 每朝健康 雙纖綠茶(650mlx24入)


 Waiting...