Exemple de code HTML5 pour ouvrir une application locale-Tutoriel H5-php.cn

Exemple de code HTML5 pour ouvrir une application locale

黄舟

Libérer： 2017-03-14 16:02:01

original

2733 Les gens l'ont consulté

Cet article présente principalement la méthode HTML5 d'ouverture des applications d'applications locales. Si vous avez installé Alipay sur votre téléphone mobile, Alipay s'ouvrira automatiquement lorsque vous visiterez l'application de page Web mobile Alipay. , sinon vous serez invité à télécharger l'application sur la page. Comment y parvenir ? Les amis intéressés peuvent se référer à cet article

Cet article explique avec vous comment ouvrir une application locale en HTML5. Le contenu spécifique est le suivant

Tout d'abord, afin de vous assurer que vous pouvez. ouvrez votre application, vous devez L' attribut expression des données dans le filtre configuré dans androidManifest.xml. Le code androidManifest.xml est le suivant :

<?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>

Copier après la connexion

Deuxièmement, vous devez visiter xttblog://taoge/open dans votre page Web. De nombreux éléments peuvent être utilisés, tels que : script, iframe, img, etc. En utilisant leur attribut src, visitez xttblog://taoge/open. Le code html5 est le suivant :

<!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>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!