2015-07-21 43 views
2

确定网站是否响应或不使用JavaScript的最佳方法是什么?确定网站是否使用JavaScript在移动设备上进行响应

This answer详细检查@media查询,这是有点准确的。然而检查@media查询可能并不总是可行的,因为:

一)反应迅速的网站并不一定需要媒体查询(例如,它们可以找出用户代理和生产基于它不同的HTML)

二)媒体查询可能只影响页面的一小部分(例如页脚)

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

+1

在设备中打开它?让浏览器欺骗设备? – epascarello

+0

尽管使用JavaScript。即编程。 (说明没有说明,现在也更新了主题) –

+0

因此,您想以某种方式将从某个网址获取的内容提供给JavaScript程序,并让它吐出RESPONSIVE或NOT RESPONSIVE?似乎第一个问题是确定“响应”的客观定义。 – Pointy

回答

4

HTML中最大的一点是如何判断一个网站是如何响应的元视口(它用于控制移动浏览器的布局)。这并不意味着该网站可以在不同的浏览器大小/设备上正常运行。

你可以用它来检查。

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

这是一个好主意。但是我想检查'viewport'元标记的值是否包含这个特定的字符串:“width = device-width”。 – kieranpotts

+0

如果HTML文档加载了任何CSS,您可能还想分析它并检查“@viewport”的用法。这将最终替代视口元标记。 https://developer.mozilla.org/en-US/docs/Web/CSS/@viewport – kieranpotts

+0

@KP我改变了代码来检查“宽度=设备宽度” –

相关问题