登录  /  注册
首页 > web前端 > H5教程 > 正文

HTML5打开本地app应用的示例代码

黄舟
发布: 2017-03-14 16:02:01
原创
2550人浏览过

这篇文章主要介绍了html5打开本地app应用的方法,如果你的手机上安装有支付宝,那么在访问支付宝手机网页时就会自动打开支付宝app,否则在页面上会提示你进行下载app,这是如何实现的?感兴趣的小伙伴们可以参考本文

本文为大家分享了HTML5打开本地app应用的方法,具体内容如下

首先为了保证能够打开你的app,你必须要在androidManifest.xml中配置的filter中data的属性表述。 androidManifest.xml代码如下:

<?xml version="1.0" encoding="utf-8"?>  
<manifest xmlns:android="http://schemas.android.com/apk/res/android"  
    package="com.taoge"  
    android:versionCode="2"  
    android:versionName="3.24.03" >  
    <uses-sdk  
        android:minSdkVersion="8"  
        android:targetSdkVersion="17" />  
    <application  
        android:allowBackup="true"  
        android:configChanges="orientation|screenSize"  
        android:icon="@drawable/logo"  
        android:label="@string/app_name"  
        android:logo="@drawable/logo"  
        android:sharedUserId="android.uid.system"  
        android:theme="@android:style/Theme.Light.NoTitleBar" >  
        <activity  
            android:name="xttblog.WelcomeActivity"  
            android:excludeFromRecents="true"  
            android:screenOrientation="portrait"  
            android:theme="@android:style/Theme.Light.NoTitleBar" >  
            <intent-filter>  
                <action android:name="android.intent.action.MAIN" />  
                <category android:name="android.intent.category.LAUNCHER" />  
            </intent-filter>  
            <intent-filter>  
                <action android:name="android.intent.action.VIEW" />  
                <category android:name="android.intent.category.BROWSABLE" />  
                <category android:name="android.intent.category.DEFAULT" />  
                <data android:pathPrefix="/taoge/open"  
                    android:scheme="xttblog" />  
            </intent-filter>  
        </activity>  
        <activity  
            android:name="xttblog.AntRepairActivity"  
            android:label="@string/title_activity_ant_repair" >  
        </activity>  
    </application>  
</manifest>
登录后复制


其次,你要在你的网页中访问xttblog://taoge/open。可以使用的元素有很多,如:script,iframe,img等。使用它们的src属性,访问xttblog://taoge/open。html5代码如下:

  1. <!DOCTYPE HTML>  
    <html>  
    <script>  
     function openapp(){   
      document.getElementById(&#39;xttblog&#39;).innerHTML=&#39;<iframe src="xttblog://taoge/open"></iframe>&#39;;   
     }   
    </script>  
    <body>  
     <p style="display:none;" id="xttblog"></p>  
     <input type="button" value="打开app" onclick="openapp();">  
    </body>  
    </html>
    登录后复制

    以上就是HTML5打开本地app应用的示例代码的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号