Editing CSS tools (section)

=== 不同螢幕解析度檢視網頁 ===
{{Tips}} {{exclaim}} 以下服務模擬不同螢幕解析度，跟 [https://en.wikipedia.org/wiki/Mobile_device_detection Mobile device detection] 會判斷裝置送出的 Header 資訊不同，因此跟實際裝置的測試狀況會不同。

* {{Gd}} [https://chrome.google.com/webstore/detail/kkelicaakdanhinjdeammmilcgefonfh Window Resizer] for {{chrome}}
* [http://lab.maltewassermann.com/viewport-resizer/ Responsive design testing tool – Viewport Resizer – Device simulation tool] 提供瀏覽器按鈕(bookmarklet). {{exclaim}} It follows [http://content-security-policy.com/ Content Security Policy]. That's means it's not wok on facebook & gmail. {{access | date = 2015-07-16}}
* [http://www.microsoft.com/downloads/en/details.aspx?FamilyID=95e06cbe-4940-4218-b75d-b8856fced535 Internet Explorer Developer Toolbar](開發者工具) for Windows {{IE}}
** 選單位置: 工具 -> 重新調整大小
* [https://chrome.google.com/webstore/detail/idhfcdbheobinplaamokffboaccidbal Resolution Test] for {{chrome}}
* [http://mattkersley.com/responsive/ Responsive Design Testing] {{exclaim}} Not work for HTTPS e.g. [https://www.facebook.com/ Facebook] or [https://tw.discount.yahoo.net/index.php?group=all&_co=pSDA&_co2=pSDA Yahoo奇摩] {{access | date = 2015-07-16}}
* [http://whatismyscreenresolution.net/multi-screen-test Test your website at different screen resolutions: Multi Screen Test] Not work for HTTPS e.g. [https://tw.yahoo.com/ Yahoo奇摩] {{access | date = 2016-04-26}}

相關頁面: 
* [[Mobile friendliness tool | 行動裝置相容性測試]]
* [[Research_surveys#全球瀏覽器、作業系統、螢幕解析度、搜尋引擎市占率統計表 | 全球瀏覽器、作業系統、螢幕解析度、搜尋引擎市占率統計表]]
* [[User_agent#Chcek_Browser_Compatibility | Chcek Browser Compatibility]]
* 從手錶到桌電，各種數位裝置尺寸一覽表。[http://www.google.com/design/tool/devices/ Device Metrics - Google Design] {{access | date = 2015-05-30}}