基于设备的HTML响应式链接

HTML responsive link based on device

本文关键字：响应 链接 HTML      更新时间：2023-09-26

我有一个响应式网站(移动优先设计)，有一个联系页面链接到社交媒体页面，电子邮件等。

我希望这些链接利用"深链接"功能时，从iPhone打开(例如。twitter://用户?screen_name=name将在本地应用程序中打开twitter配置文件)，但随后我还需要他们能够在桌面或深度链接不可用时打开http://twitter.com/name。

最好的方法是什么?

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

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

我想补充的是，如果演示文稿不同，将浏览器类添加到正文中，并在css:

设置链接的格式
body.mobile a{ color: red; text-overflow: ellipsis;}
body.desktop a{ color: blue; }
相关文章：