网页唤醒app

常用第三方APP 的url scheme

触宝拨号:dialer://
蜂窝网络:prefs:root=MOBILE_DATA_SETTINGS_ID 
WIFI:prefs:root=WIFI(WIFI这几个字母一定要大写) 
定位服务:prefs:root=LOCATION_SERVICES 
微信 :weixin://
备忘录:mobilenotes://
百度贴吧:tencent100385258://
高德地图:iosamap://
今日头条 snssdk141://
挖财记账 wacai://
QQ音乐 :QQmusic://
百度音乐:baidumusic://
猎豹浏览器:sinaweibosso.422729959://
UC浏览器:ucbrowser://
百度云:baiduyun://
淘宝网:taobao://
支付宝:alipay://
新浪微博:weibo://
优酷:youku://
百度地图:baidumap://
QQ:mqq://
QQ浏览器:qq browser://
节奏大师:节奏大师tencentrm://
刀塔传奇:刀塔传奇teiron2273://
天天动听:ttpod://
淘宝taobao:// 
点评dianping:// dianping://search 
名片全能王camcard:// 
支付宝alipay:// 
豆瓣fm:doubanradio:// 
微盘 sinavdisk:// 
网易公开课ntesopen://`在这里插入代码片`
美团 i**:// 
京冬openapp.jdmoble:// 
人人renren:// 
我查查 wcc:// 
1号店wccbyihaodian:// 
有道词典yddictproapp:// 
知乎zhihu://
墨客 com.moke.moke-1://
名片全能王 camcard://
扫描全能王 camscanner://
TuneIn Radio tunein:// 或 tuneinpro://
OfficeSuite mobisystemsofficesuite://
WPS Office KingsoftOfficeApp://
Line line://
1Password onepassword://
Clear(著名的Todo应用) clearapp://
Chrome谷歌浏览器 googlechrome://
Calendars 5 calendars://
GoodReader 4 com.goodreader.sendtogr://
PDF Expert 5 pdfexpert5presence://
Documents 5 rdocs://
nPlayer nplayer-http://
GPlayer gplayer://
AVPlayer HD AVPlayerHD://
AVPlayer AVPlayer://
Ace Player aceplayer://
12306订票助手 trainassist://
金山词霸 com.kingsoft.powerword.6://
节奏大师 tencentrm://
赶集生活 **://
凤凰新闻 comIfeng3GifengNews://
高铁管家 gtgj://
飞信 fetion://
豆瓣FM doubanradio://
大智慧 dzhiphone://
布卡漫画 buka://
爱奇艺PPS ppstream://
哔哩哔哩动画 bilibili://
56视频 com.56Video://
365日历 rili365://
58同城 wbmain://
遇见 iaround://
陌陌 momochat://
旺旺卖家版 wangwangseller://
有道词典 yddict://
掌阅iReader iReader://
艺龙旅行 elongIPhone://
迅雷+迅雷云播 thunder://
熊猫公交 wb1405365637://
携程无线 CtripWireless://
无线苏州 SuZhouTV://
唯品会 vipshop://
微视 weishiiosscheme://
微拍 wpweipai://
旺信 wangxin://
网易公开课 ntesopen://
网易将军令 netease-mkey://
万年历 youloft.419805549://
土豆视频 tudou://
同花顺 amihexin://
天涯社区 tianya://
天气通Pro sinaweatherpro://
天气通 sinaweather://
墨迹天气 rm434209233MojiWeather://
腾讯新闻 qqnews://
腾讯微云 weiyun://
腾讯地图 sosomap://
淘宝旅行 taobaotravel://
人人 renrenios://
蜻蜓FM qtfmp://
浦发银行 wx1cb534bb13ba3dbd://
招商银行 cmbmobilebank://
支付宝 alipay://
建设银行 wx2654d9155d70a468://
工商银行 com.icbc.iphoneclient://
酷我音乐 com.kuwo.kwmusic.kwmusicForKwsing://
酷狗音乐 kugouURL://
京东 openApp.jdMobile://
QQ音乐 qqmusic://
QQ斗地主 tencent382://
QQ浏览器 mttbrowser://
QQ安全中心 qmtoken://
QQ国际版 mqqiapi://
PPTV pptv://
爱奇艺视频 qiyi-iphone://
暴风影音 com.baofeng.play://
保卫萝卜2 wb2217954495://
保卫萝卜 wb1308702128://
百度音乐 baidumusic://
百度视频 baiduvideoiphone:// 或 bdviphapp://
百度糯米 bainuo://
百度魔图 photowonder://
百度魔拍 wondercamera://
百度地图 baidumap://
百度导航 bdNavi://
百度 baiduboxapp:// 或 BaiduSSO://
搜狗输入法 com.sogou.sogouinput://
搜狐视频 sohuvideo-iphone:// 或 sohuvideo://
搜狐新闻 sohunews://
随手记 FDMoney://
腾讯企业邮箱 qqbizmailDistribute2://
腾讯手机管家 mqqsecure://
腾讯视频 tenvideo:// 或 tenvideo2:// 或 tenvideo3://
腾讯微博 TencentWeibo://
天猫 tmall://
天天星连萌 tencent100689806://
天天爱消除 tencent100689805://
天天酷跑 tencent100692648://
天天飞车 tencent100695850://
天天动听 ttpod://
威锋网 com.weiphone.forum://
新浪微博 weibo:// 或 sinaweibo://
网易邮箱 neteasemail://
百度输入法 BaiduIMShop://
UC浏览器 ucbrowser://
E-Mail MESSAGE://

在写移动端页面会遇到唤醒App的需求, 一般都是通过scheme协议唤起的,这里记录一下。
以新浪微博为例: 其协议为 sinaweibo://splash; 这些协议需要自己去收集,或者去官方查询; 有些App分IOS和Android; 有些应用又不分;
这个根据终端做处理即可

// 测试地址
<a href="sinaweibo://splash">微博app</a>
<a href="sinaweibo://userinfo?uid=3177804914">微博个人主页</a>

// 跳转代码: 手机装了app就打开; 没有就跳转页面或者跳转app store去下载, 逻辑自己定义即可
	goToWeibo() {
      let u = navigator.userAgent;
      let isAndroid = u.indexOf("Android") > -1; //安卓终端
      let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
      if (isAndroid) {
        // 安卓weibo的scheme协议跳转
        window.location.href = "sinaweibo://userinfo?uid=3177804914";
        setTimeout(function() {
          let hidden =
            window.document.hidden ||
            window.document.mozHidden ||
            window.document.msHidden ||
            window.document.webkitHidden;
          if (typeof hidden == "undefined" || hidden == false) {
            window.location.href = "https://m.weibo.cn/u/3177804914";
          }
        }, 2000);
      }
      // IOS下的scheme协议跳转
      if (isIOS) {
        window.location.href = "sinaweibo://userinfo?uid=3177804914";
        setTimeout(function() {
          let hidden =
            window.document.hidden ||
            window.document.mozHidden ||
            window.document.msHidden ||
            window.document.webkitHidden;
          if (typeof hidden == "undefined" || hidden == false) {
            window.location.href =
              "https://m.weibo.cn/u/3177804914";
          }
        }, 2000);
      }
    }

方案二

	function appEvoke() {
	  window.location = "URL Schema"; // 唤起手机App
	  var clickedAt = +new Date(); // 记录进行唤起操作的时间节点
	  setTimeout(() => {
	    !window.document.webkitHidden && // 检测页面可见性(唤起App成功时,页面会隐藏)
	      setTimeout(() => {
	        if (+new Date() - clickedAt < 2000) {
	          // 此时页面可见,视为唤起失败
	          window.location = "App下载"; // 前往应用商店下载
	        }
	      }, 500);
	  }, 500);
	}

代码地址链接1
代码地址链接2
url地址链接

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS系统是目前市场上最为流行的智能手机操作系统之一,而H5技术则是网页设计与开发领域的一大热门技术。在很多情况下,我们需要H5页面能够实现唤醒app的功能,这样不仅可以增加用户体验,还能提高应用的活跃度和转化率。下面我们来看一下如何在iOS平台上实现H5唤醒App的功能: 1.使用 universal link:Universal Links 是苹果提供的一种标准的网络链接技术。在使用这种技术时,需要在项目中配置一个 JSON 文件,并在 app 中运用 Associated Domains 的配置与这个 JSON 文件联系,最后在 H5 页面中添加相应的链接。当用户点击链接时,iOS 系统就会判断该链接是否关联到了 APP 上,如果是,就会自动将用户跳转到 APP 中。 2.使用 scheme:Scheme 系统是 iOS 中常用的一种协议,用于在应用程序之间传递数据,或调用应用程序内部的某些功能。可以在APP项目中设置scheme,当手机浏览器在用户访问页面时,会根据链接协议中的scheme来唤醒APP,并且把数据传递到APP中。使用Scheme的方式相对来说比较简单,但是要注意的是,由于iOS9中的安全机制调整,仅能在应用内发起 scheme 调用。如果APP没有被安装,那么scheme调用是无效的。 3.使用IOS智能浏览器:安装一些智能浏览器,它们可以自动扫描网页上提供的一个二维码,并从中解析出应用商店的链接,并引导用户去下载应用,类似于国内的微信、手Q、支付宝等。 需要注意的是,无论使用哪种方式实现唤醒App的功能,都需要在APP中进行相应的设置和配置,以确保APP能够正常响应用户的调用。因此在进行开发时,需要综合考虑多个方面的因素,才能实现最优质的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值