網頁設計必備,測試全響應網站的小工具


響應式網站很不好設計,尤其是測試很麻煩,現在這個網站讓你的瀏覽器立刻變成一個測試環境

網址:http://responsive.victorcoulon.fr/

哈哈,我明白一下子是看不懂的,因為這工具實在是太專業了,所以一定要往下看使用方式。

使用方式:
畫面中央RWD Bookmarklet是個工具,直接把他拖到你的書籤上,如圖(我是使用Chrome):
以Chrome為例的範例,讓RWD變成你的瀏覽器工具
這樣一來你的瀏覽器就多了這個測試功能了,無論您瀏覽什麼網站,只要按下這個"書籤"就會進入測試狀態了,簡單吧!!

如何測試呢?
畫面上方那一排就是測試工具了,畫面中間顯示的是你想要測試的網站,直接按下畫面中間上方的那一排任何一個按鈕,都可以看見全響應網站的預覽結果。

張貼留言

跟其他看到這個工具的人聊聊?