如何將你的瀏覽器視窗設定到指定解析度

在前端開發的時候測試自己的頁面在各種解析度下顯示的情況估計是家常便飯了，而在高分屏下面測試低解析度螢幕的顯示效果估計是很多開發者頭疼的事情，下面我就分享一些解決這個問題的工具和小技巧。

Firefox瀏覽器

推薦外掛：Firesizer

Chrome瀏覽器

推薦外掛：Window Resizer

介紹/安裝地址：

IE瀏覽器

IE這塊就沒有啥外掛了（順便鄙視下M$），必須靠其他的方法解決問題：

在你的視窗執行JS程式碼即可設定到相關解析度。

javascript:self.resizeTo(1024,768);

IE9以上的瀏覽器你可以在開發者工具裡面的指令碼控制檯執行這個程式碼，立杆見影~！

IE9以下的的瀏覽器你可以讓這個程式碼在頁面上執行就行.

通用解決法A：

第三方軟體 Sizer | Window Resizer

Sizer的下載地址

http://www.brianapps.net/sizer/

Window Resizer下載地址（這個軟體是德語的，不過介面簡單，相信你研究一下就能上手）

http://www.joerg-rosenthal.com/en/resize/download.html

這兩款軟體均可以幫助你將你指定的瀏覽器視窗設定到你需要的大小。

 

通用解決法B:

安裝一個Windows虛擬機器，裝好你要測試的所有瀏覽器，調好解析度去測試吧！！

如果看不到圖片的話，請移步：http://be-evil.org/how-to-resize-your-broswer-window.html