檢視網站響應式設計

8年前 (2016-06-11) Yosheng 實用服務 0評論 已收錄 1230℃

隨著端午假期剛好可以替自己的網站做些測試,隨著科技進步使得閱讀的裝置也是五花八門,但我手頭上的裝置也只能14吋筆電和手機。之前修改主題都是透過 Chrome 中的開發者工具來檢視效果,但這樣的測試還是有限,因為無法想像更大螢幕的檢視效果,因此就上網找了相關辦法啦!

Google Mobile-Friendly Test

網址:https://www.google.com/webmasters/tools/mobile-friendly/

說明:是否針對行動裝置友善化

2016-6-11 下午 12-48-49

Am I Responsive

網址:http://ami.responsivedesign.is/

說明:針對蘋果裝置的檢視效果

2016-6-11 下午 12-49-04

ResponsiveDesignChecker

網址:http://responsivedesignchecker.com/

說明:常見各別裝置的檢視效果

2016-6-11 下午 12-49-27

看來整個網站的瀏覽效果,除了針對大螢幕 27吋閱讀文章時點讚的效果不佳外,整體的瀏覽起來版面還是挺舒適的。找個時間在自己手動修改點讚的部份。

博主

擅長使用 C# 和 Java 開發項目,全棧開發工程師,前端主要使用 Vue 其次 Angular ,目前正在學習分布式架構,運維研發兼具,平時愛好鑽研技術並應用於實務當中,常駐於上海。

相關推薦

相逢就是有緣,留下足跡吧!