基于设备的 HTML 响应式链接

Question

我有一个响应式网站（移动优先设计），其中有一个联系页面，其中包含指向社交媒体页面、电子邮件等的链接。

我希望这些链接在从 iPhone 打开时利用“深层链接”功能（例如，twitter://user?screen_name=name 将在本机应用程序中打开 twitter 个人资料），但我也需要它们能够在桌面上或深层链接不可用时打开http://twitter.com/name。

最好的方法是什么？

Answer 1

通过javascript生成链接，在那里您可以使用navigator.userAgent属性检查连接的设备。

参考：http://www.w3schools.com/jsref/prop_nav_useragent.asp

Answer 2

我会补充一点，如果演示文稿不同，请将浏览器类添加到正文并在 css 上格式化链接：

body.mobile a{ color: red; text-overflow: ellipsis;}
body.desktop a{ color: blue; }