Question

确定网站是否响应使用JavaScript的最佳方法是什么？

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

a）响应式网站不一定需要媒体查询（例如，他们可能会嗅探用户代理并根据它生成不同的HTML）

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

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

Answer 1

HTML中最重要的提示是告诉网站是否具有响应性的元视口（它用于控制移动浏览器上的布局）。这并不意味着该网站在不同的浏览器大小/设备中正常工作。

您可以查看。

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