如何使用相应的本地应用程序从移动网站打开链接
How to open links from a mobile website using the respective native app
我正在开发一个移动网站。这是一个普通的HTML网站(不是本地应用程序或PhoneGap或诸如此类的东西,只是一个通过浏览器上的URL访问的普通HTML网站)。
客户希望链接到他各自的Facebook/Pinterest/Uube/Twitter/Google Plus个人资料和页面,如果用户在智能手机上安装了相应的应用程序,则该应用程序应打开。
这似乎适用于YouTube和Google Plus等应用程序,但Facebook没有打开该应用程序,只是在浏览器中打开。我正在Nexus 5(Android 4.4.2)上使用Chrome进行测试,当我用iPhone进行测试时,我很可能会在iOS上产生不同的效果。
从我迄今为止所做的研究来看,iPhone应用程序似乎也有不同的URL方案,比如Facebook的fb://
。这是否意味着我必须检测用户代理,如果是iOS设备,请使用此代理,而如果是Android设备,则使用另一个代理?
当我四处寻找一种标准的方法或一些JavaScript例程来实现这一点时,出现的大多数信息都与开发本地应用程序有关,而不是与移动HTML网站有关。有没有一种简单的方法可以实现这一点(用HTML和JavaScript),至少可以满足流行的智能手机平台(主要是Android和iOS,最好也是Windows phone 8)的需求?
您必须检查用户代理(android/ios)并相应地生成链接。例如,在Android上,一个应用程序可能会注册自己来处理某种http链接(即http://facebook.com/...)在ios上无法制作(除了一些特殊情况)。因此,您必须根据用户代理生成相应的链接。
关于一个js执行这一操作——我不知道周围有什么,但可以自己做——这很简单:)
祝好运
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- FabricJs-限制主对象内添加对象的移动区域
- 如何从画布上的某个移动事件中获取X和Y
- 触摸移动时切换到新元素
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 停止jQuery UI滑块移动超过给定值
- 谷歌地图API v3不适用于移动浏览器或PhoneGap
- 如何将chrome扩展功能移植到移动设备(特别是jquery和trello)
- JQuery移动动态分区页面
- XMLHttpRequest在移动设备上的chrome上不起作用
- 如何使bxslider仅在移动视图中处于活动状态
- css停止图像在滚动中移动
- jquery移动对齐按钮取决于内容大小
- 背景图像顶部的滚动图像不移动
- 如何在react js中移动第二个组件
- 用于在移动网站上向移动应用程序显示横幅的JavaScript库
- 如何创建一个“;“桌面版”;移动网站上的链接,而不重定向到移动网站