确定网页是否适用于移动设备的最佳方法是什么？答案

【问题标题】：What is the best way to determine if a web-page is for mobile?确定网页是否适用于移动设备的最佳方法是什么？
【发布时间】：2010-07-22 07:44:51
【问题描述】：

我应该扫描 html 代码中的标签吗？要不然是啥？什么决定了网页是否针对移动设备进行了优化？

一种选择是扫描标签。如果有，还有哪些其他标签？

<link rel="apple-touch-icon" href="..." />
<meta name="viewport" content="width=device-width, user-scalable=no" />

另一个选项是查看从移动用户代理返回的 HTML 是否小于从桌面浏览器返回的 HTML。用户代理...

有什么想法吗？

【问题讨论】：

某人可以通过巧妙地使用 html 来“优化”他们的页面以供移动使用。所以你永远不会百分百确定。是否有您希望检测到的特定优化？
我想准确地说网页是“移动”页面。
通常会为 Web 和移动设备单独创建一个网站。
对您来说什么是“移动”页面？ @sAc - 是的，我知道。浏览设备的服务器端检测很常见。但我不认为这就是这里发生的事情：正在解析客户端的页面输出，希望检测它是否适合移动设备。我正在尝试为提问者了解“移动友好”的定义。

【解决方案1】：

一个选项：寻找：<meta name="MobileOptimized" />

另一个：<meta name="HandheldFriendly" content="true"/>

另一个：doctype 是 XHTML-MP 或 WML（或其他移动友好型）。

【讨论】：

【解决方案2】：

这是一个有用的链接，用于使用 JavaScript 嗅探不同的智能手机。

但是，请注意上述链接中的注意事项。特别是，我们正在嗅探浏览器，这本质上是不可靠的（我最近在我的网站上获得了 MSIE 999.1 的点击）

【讨论】：

【解决方案3】：

你到底想完成什么？

官方没有移动页面这样的东西。完全有可能创建一个在移动设备上和在桌面浏览器上同样运行良好的页面。见鬼，如果你只是用简单的 html 制作一个没有样式的页面，它已经可以做到了。

现在我们经常看到单独的移动页面，但这通常表明“正常”页面的设计没有经过深思熟虑。

长话短说，你永远无法检测到这 100%，因为没有真正的区别。

【讨论】：

【解决方案4】：

传递所有的标头，剩下的交给网络服务。

比使用 javascript 检测移动设备或查找特定标签要好 - 在您开始将任何内容输出到屏幕之前执行此操作。

【讨论】：