javascript - 从移动网站解析 apple-touch-icon

Question

对于像 www.example.com 这样的给定 URL，我想通过在 dom 中搜索此属性来提取苹果触摸图标：

<link rel="apple-touch-icon" href="touch-icon-iphone.png">

问题是 example.com 没有在普通网站上提供这个标签，只是在移动 m.example.com 网站上。我认为他们使用服务器端设备检测并仅在移动设备上添加此标签。关于如何在此类网站上获取此图标的任何想法？

Answer 1

如果example.com有m.example.com移动版本，他们可能正在使用用户代理嗅探重定向手机用户。

该网站的服务器基本上会查看您的请求的User-AgentHTTP 标头并将其与一组值进行匹配以检测移动浏览器。这是在 Apache 中如何完成的示例：

RewriteCond %{HTTP_HOST} ^(www\.)?example\.com$ [NC]
RewriteCond %{HTTP_USER_AGENT} (.*)iPhone(.*) [NC,OR]
RewriteRule ^ http://m.example.com [L,QSA]

好消息是您可以m.example.com通过自己设置标头来欺骗服务器为您服务。这是 curl 的示例：

curl facebook.com

curl facebook.com -L -A "Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5"

第一个将检索 facebook.com 的 HTML，第二个将 User-Agent 标头设置为 iPhone 的值。请注意，我们必须使用 -L 选项才能让 curl 跟随从facebook.comto的重定向m.facebook.com。