如何用瀏覽器檢視網站響應式和相容性??

Tags: 網站, 瀏覽器,

隨著移動端的不斷推進,無論是網站的響應式還是相容性都是需要測試的且實現的。現在的瀏覽器可以直接測試網站是否相容,以及是否是響應式的。下面我就為大家說一下如何測試網站的相容性和響應式實現與否。

如何用瀏覽器檢視網站響應式和相容性?

工具/原料

瀏覽器

方法/步驟

一個網站我們都是按照自己的瀏覽器進行開啟的,如果你的是Firefox或者google,那麼相容性比較好,比IE和360的相容性好,很難看出來有相容性錯誤。

如何用瀏覽器檢視網站響應式和相容性?

以Firefox為例 ,可以點選右鍵,檢視元素,就可以看到程式碼,這裡有一個模組顯示,可以直接進行不同尺寸顯示屏的測試。

如何用瀏覽器檢視網站響應式和相容性?

Firefox的檢視元素可以直接有“響應式測試”,可以自己輸入尺寸,也可以根據需要選擇較為合適的如:720/360等不同尺寸,也可以左右拉動,全方位的測試。

如何用瀏覽器檢視網站響應式和相容性?

關於網站的相容性,如果不用Firefox還可以採用任意瀏覽器,關閉全屏顯示,任意拉動尺寸,進行測試。

如何用瀏覽器檢視網站響應式和相容性?

如何用瀏覽器檢視網站響應式和相容性?

關於網站的相容性測試,其實主要是針對ie的測試,可以選擇ie瀏覽器,也可以直接用360的相容模式。因為360的核心和ie是相同的。如果是雷電模式,則屬於極速不相容,如果是e的樣子則是相容模式。

如何用瀏覽器檢視網站響應式和相容性?

IE測試和360相容模式測試,主要是測試的你的當前瀏覽器模式。我的是IE8,我只能測試IE8,如果你想測試IE7以及以下,則需要選擇另外一種IE瀏覽器模式。

如何用瀏覽器檢視網站響應式和相容性?

如何用瀏覽器檢視網站響應式和相容性?

注意事項

IE相容目前主推的是IE8及以上。響應式網站是大勢所趨。

點選左下“大拇指”為我點贊,您的鼓勵是我前進的動力,很高興可以幫到你。

網站, 瀏覽器,
相關問題答案