[Firefox] Responsive Design Tool 直接觀看網頁在不同解析度螢幕上的樣子


這次Firefox 15的更新,除了電腦玩物所提到的「記憶體釋放」與「內嵌選項分頁」這二個功能外,另外還有一個「Responsive Design Tool」,我覺得也是值得向大家介紹的,尤其是對於網頁設計師來說應該是個蠻方便的工具,它可以直接在Firefox上觀看各解析度螢幕上網頁所呈現樣貌,不需要再藉由其他線上工具或軟體來達成。

下載點:Firefox 繁體中文免安裝版

【使用教學】

要叫出「Responsive Design Tool」這個功能,請直接按「Ctrl + Shift + M」,畫面就會變成如下圖所示,在這個畫面中,左上角可以選擇畫面的大小與旋轉,而預設是在「自訂」的模式下,所以我們可以藉由拉動右下角的邊緣來調整大小

目前Firefox已經內建了幾個常見的螢幕大小,所以可以很快的選到適用的組合,而旋轉的功能則是可以讓畫面做90度的旋轉,即長、寬交換,試試看就知道囉!

要退出Responsive Design Tool的話,只要按「ESC」鍵退出就行了

延伸閱讀:
[Firefox] Old Default Image Style § 將圖片的白色透明背景以棋盤狀或其他顏色來取代
Sizer 精準的調整視窗到指定尺寸,可即時顯示視窗大小