H5唤醒APP到达指定页面

最新推荐文章于 2024-07-25 10:40:43 发布

兔子的耳朵长

最新推荐文章于 2024-07-25 10:40:43 发布

阅读量2.6k

点赞数

本文链接：https://blog.csdn.net/jane900/article/details/105165595

版权

本文介绍了如何实现H5唤醒APP并到达指定页面，作者在找不到合适插件的情况下选择自行编写代码，提供了适用于多数场景的唤醒方法。由于部分浏览器屏蔽URL Scheme，需了解URL Scheme和iOS的Universal Link来正确实现该功能。

摘要由CSDN通过智能技术生成

H5唤醒APP到达指定页面

最近刚完成H5唤醒APP功能，当接到这个任务的的时候，最开始的想法就是找个插件帮忙实现吧，这么常见的功能肯定有插件，然鹅，并没有想象中那么顺利，别人写的插件吧，要不就是有Bug，要不就是不符合自己的应用场景，使用起来不灵活，索性还是自己来写吧。啥也不说，上代码

import $utils from './index'
import store from '@/store'
import cookie from 'js-cookie'
// 在当前页面打开url地址
function urlOpen () {
  let iframeUrl
  let herfUrl
  let locationUrl
  let urlOpenType = {
    // 在ios支持不好
    iframe: function (url) {
      let iframe = document.createElement('iframe')
      iframe.frameborder = '0'
      iframe.style.cssText = 'display:none;border:0;width:0;height:0;'
      iframe.src = url
      document.body.appendChild(iframe)
      iframeUrl = setTimeout(function () {
        document.body.removeChild(iframe)
      }, 2000)
    },
    location: function (url) {
      locationUrl = setTimeout(function () {