Android工作整理-外部浏览器跳转到APP的指定页面

2020-05-06  本文已影响0人  zhongcx

测试:打开《钉钉》APP,并跳转到输入的指定网址

image.png
step1:将测试网址在浏览器中

https://7077-pwcn-a-u2eoa-1300553815.tcb.qcloud.la/%E5%A4%96%E9%83%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E8%B7%B3%E8%BD%AC%E5%88%B0APP%E7%9A%84%E6%8C%87%E5%AE%9A%E9%A1%B5%E9%9D%A2.html

step2:输入一个跳转app后要显示的链接,如:https://www.baidu.com
step3:点击“生成链接”,然后再点生成后的链接就可以了。

知识点

测试网址源代码如下:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script defer="" type="text/javascript">
            function changeLink() {
                var value = "dingtalk://dingtalkclient/page/link?url=" + encodeURIComponent(document.getElementById("page").value);
                document.getElementById('myAnchor').href = value;
                document.getElementById('myAnchor').innerHTML = value;
            }
        </script>
    </head>
    <body>
        输入打开《钉钉》APP后跳转的网页地址:
        <br>
        <input type="text" name="p.page" id="page" value="" runat="server">
        <br>
        <input type="button" onclick="changeLink()" value="生成链接">
        <br>
        <a id="myAnchor" href="">
            跳转按钮
        </a>
        <br>
    </body>
</html>

【1】钉钉支持的 scheme dingtalk://dingtalkclient/page/link?url=
【2】url需要encodeURIComponent处理
【3】不是所有的手机浏览器都支持,实测
支持:华为浏览器、QQ浏览器、360浏览器、搜狗浏览器、遨游5浏览器、天玩浏览器
不支持:百度浏览器、猎豹浏览器、小米浏览器、UC浏览器
【4】iOS需要复制完整的链接,粘到safari测试

上一篇下一篇

猜你喜欢

热点阅读