隨著移動端的不斷推進,無論是網站的響應式還是相容性都是需要測試的且實現的。現在的瀏覽器可以直接測試網站是否相容,以及是否是響應式的。下面我就為大家說一下如何測試網站的相容性和響應式實現與否。
工具/原料
瀏覽器
方法/步驟
一個網站我們都是按照自己的瀏覽器進行開啟的,如果你的是Firefox或者google,那麼相容性比較好,比IE和360的相容性好,很難看出來有相容性錯誤。
以Firefox為例 ,可以點選右鍵,檢視元素,就可以看到程式碼,這裡有一個模組顯示,可以直接進行不同尺寸顯示屏的測試。
Firefox的檢視元素可以直接有“響應式測試”,可以自己輸入尺寸,也可以根據需要選擇較為合適的如:720/360等不同尺寸,也可以左右拉動,全方位的測試。
關於網站的相容性,如果不用Firefox還可以採用任意瀏覽器,關閉全屏顯示,任意拉動尺寸,進行測試。
關於網站的相容性測試,其實主要是針對ie的測試,可以選擇ie瀏覽器,也可以直接用360的相容模式。因為360的核心和ie是相同的。如果是雷電模式,則屬於極速不相容,如果是e的樣子則是相容模式。
IE測試和360相容模式測試,主要是測試的你的當前瀏覽器模式。我的是IE8,我只能測試IE8,如果你想測試IE7以及以下,則需要選擇另外一種IE瀏覽器模式。
注意事項
IE相容目前主推的是IE8及以上。響應式網站是大勢所趨。
點選左下“大拇指”為我點贊,您的鼓勵是我前進的動力,很高興可以幫到你。