使用JavaScript确定站点在移动设备上是否响应

确定站点是否响应JavaScript的最佳方法是什么

详细检查@media查询，这有点准确。但是，检查@media查询可能并不总是有效，因为：

响应性网站不一定需要媒体查询，例如，他们可能会嗅探用户代理并基于它生成不同的HTML

b媒体查询可能只影响页面的一小部分，例如页脚

---

也许比较来自不同用户代理的HTML也会给出一个很好的指示？或者检查媒体查询内容的大小，例如，如果它很大，可能会影响页面的很大一部分。

HTML中最大的提示是告诉网站是否有响应性，它用来控制移动浏览器布局的元视口的响应性如何。这并不意味着网站可以在不同的浏览器大小/设备中正常工作

你可以和我核对一下

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

---

在设备中打开它？让浏览器欺骗设备吗？不过是使用JavaScript。即以编程方式。描述：您是否声明，主题现在已更新？您是否希望以某种方式将从某个URL获取的内容提供给JavaScript程序，并使其响应或不响应？第一个问题似乎是确定响应性的客观定义。制作一个软件来确定一个站点是否运行良好似乎相当困难。例如，水平滚动不一定是坏的；这完全取决于网站的设计方式。@K.P.从技术上讲，纯HTML网站是有响应性的，例如：这是个好主意。但我想检查viewport meta标记的值是否包含以下特定字符串：width=device-width。如果HTML文档加载了任何CSS，您可能还需要解析该字符串并检查@viewport的使用情况。这最终将替换视口元标记@K.P我将代码改为检查width=devicewidthThank@CarlaFrança，这肯定是决定响应性的一个因素。没有这一点的网站可能被视为没有响应。问题是有些站点可能有这种情况，但没有响应。@CarlaFrança用width=device width检查元视口怎么样？document.querySelectorAll'head meta[name=viewport][content*=width=device width]'。长度>0