14,957
edits
CSS tools: Difference between revisions
Jump to navigation
Jump to search
→不同螢幕解析度檢視網頁
| Line 85: | Line 85: | ||
=== 不同螢幕解析度檢視網頁 === | === 不同螢幕解析度檢視網頁 === | ||
* {{Gd}} [http://quirktools.com/screenfly/ Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions] | * {{Gd}} [http://quirktools.com/screenfly/ Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions] {{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}} | ||
* {{Gd}} [https://chrome.google.com/webstore/detail/kkelicaakdanhinjdeammmilcgefonfh Window Resizer] for {{chrome}} | * {{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) | * [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}} | * [http://www.microsoft.com/downloads/en/details.aspx?FamilyID=95e06cbe-4940-4218-b75d-b8856fced535 Internet Explorer Developer Toolbar](開發者工具) for Windows {{IE}} | ||
** 選單位置: 工具 -> 重新調整大小 | ** 選單位置: 工具 -> 重新調整大小 | ||
* [http://resizemybrowser.com/ resizeMyBrowser] | * [http://resizemybrowser.com/ resizeMyBrowser] | ||
* [https://chrome.google.com/webstore/detail/idhfcdbheobinplaamokffboaccidbal Resolution Test] for {{chrome}} | * [https://chrome.google.com/webstore/detail/idhfcdbheobinplaamokffboaccidbal Resolution Test] for {{chrome}} | ||
* [http://mattkersley.com/responsive/ Responsive Design Testing] | * [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://viewlike.us/ ViewLike.Us] ViewLikeUs - Check Sites in Various Resolutions! [http://blog.yalinfo.com/2009/07/viewlikeus.html 教學] | * [http://viewlike.us/ ViewLike.Us] ViewLikeUs - Check Sites in Various Resolutions! [http://blog.yalinfo.com/2009/07/viewlikeus.html 教學] | ||
| Line 98: | Line 98: | ||
* [[Research_surveys#全球瀏覽器、作業系統、螢幕解析度、搜尋引擎市占率統計表 | 全球瀏覽器、作業系統、螢幕解析度、搜尋引擎市占率統計表]]、 | * [[Research_surveys#全球瀏覽器、作業系統、螢幕解析度、搜尋引擎市占率統計表 | 全球瀏覽器、作業系統、螢幕解析度、搜尋引擎市占率統計表]]、 | ||
* [[User_agent#Chcek_Browser_Compatibility | Chcek Browser Compatibility]] | * [[User_agent#Chcek_Browser_Compatibility | Chcek Browser Compatibility]] | ||
* 從手錶到桌電，各種數位裝置尺寸一覽表。[http://www.google.com/design/tool/devices/ Device Metrics - Google Design] {{access | 2015-05-30}} | * 從手錶到桌電，各種數位裝置尺寸一覽表。[http://www.google.com/design/tool/devices/ Device Metrics - Google Design] {{access | date = 2015-05-30}} | ||
=== 分析網頁連線下載速度 === | === 分析網頁連線下載速度 === | ||