確定網站是否使用JavaScript在移動設備上進行響應

確定網站是否響應或不使用JavaScript的最佳方法是什麼？確定網站是否使用JavaScript在移動設備上進行響應

This answer詳細檢查@media查詢，這是有點準確的。然而檢查@media查詢可能並不總是可行的，因爲：

一）反應迅速的網站並不一定需要媒體查詢（例如，它們可以找出用戶代理和生產基於它不同的HTML）

二）媒體查詢可能隻影響頁面的一小部分（例如頁腳）

也許比較來自不同用戶代理的HTML會給出一個很好的指示嗎？或者檢查媒體查詢內容的大小（例如，如果它很大，可能會影響大部分頁面）。

2015-07-21 Rob Campo

在設備中打開它？讓瀏覽器欺騙設備？ – epascarello

儘管使用JavaScript。即編程。（說明沒有說明，現在也更新了主題） –

因此，您想以某種方式將從某個網址獲取的內容提供給JavaScript程序，並讓它吐出RESPONSIVE或NOT RESPONSIVE？似乎第一個問題是確定「響應」的客觀定義。 – Pointy

HTML中最大的一點是如何判斷一個網站是如何響應的元視口（它用於控制移動瀏覽器的佈局）。這並不意味着該網站可以在不同的瀏覽器大小/設備上正常運行。

你可以用它來檢查。

if(document.querySelector('meta[name="viewport"][content*="width=device-width"]') !== null){ 
    //if is true do something 
}

2015-07-21 16:11:39

這是一個好主意。但是我想檢查'viewport'元標記的值是否包含這個特定的字符串：「width = device-width」。 – kieranpotts

如果HTML文檔加載了任何CSS，您可能還想分析它並檢查「@viewport」的用法。這將最終替代視口元標記。 https://developer.mozilla.org/en-US/docs/Web/CSS/@viewport – kieranpotts

@KP我改變了代碼來檢查「寬度=設備寬度」 –

回答