如何使用firefox瀏覽器模擬手機屏幕大小?

在開發手機網頁時，為了方便，通常大部分時間都在電腦上進行測試。firefox在這方面為開發者提供了很好的支持，可以模擬手機屏幕大小，使我們可以很好的進行響應式設計的測試。下面介紹一些設置方法

工具/原料

firefox瀏覽器

方法/步驟

單擊右鍵，選中菜單中的“查看元素”

單擊下方窗口右上角工具欄中的“停靠到瀏覽器窗口的側邊”

單擊右側窗口右上角工具欄中的“響應式設計模式”

這時左邊的瀏覽器窗口已變成手機屏幕大小，上方的是當前屏幕 寬x高（單位：像素）

我們可以修改成自己想要的大小，改好後回車即可

單擊圖中紅框內的按鈕可以旋轉屏幕，方便測試手機橫屏狀態

單擊圖中紅框內的按鈕可以屏幕截圖，更多功能留給大家自己發掘吧