H5页面通过指定Schema拉起Android应用

在终端开发中,经常会遇到Web页面与终端联动的需求,因此基本上终端都会添加schema支持。终端测试总是很方便,但是一旦和H5结合,尤其H5的页面还没开发好的时候,联动测试就比较麻烦。最近就顺手撸了一个工具,一劳永逸。这里不介绍终端页面如何添加schema支持。

1. Demo 使用

  1. 使用PC浏览器打开URL:https://cdn.bihe0832.com/tools/router/index.html

  2. 按照下图的指引,输入URL后使用手机扫描即可跳转体验

2. 相关代码

3. 实现原理

终端链接,实质上就是一个URL,然而不管是原生浏览器还是一些第三方浏览器,都对地址栏做了一些扩展功能,导致在地址栏直接输入URL并不能直接跳转。

我们只需要做一个中转页,在中转页加载或者点击的时候,使用window.location.href重定向到我们的schema即可。

Copyright © zixie all right reserved,powered by Gitbook最后修改: 2022-02-10 15:07:19

results matching ""

    No results matching ""