基于设备的HTML响应链接

Question

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

我希望这些链接可以使用＆＃34;深层链接＆＃34;从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; }