Maison > interface Web > Tutoriel H5 > Exemple de code HTML5 pour ouvrir une application locale

Exemple de code HTML5 pour ouvrir une application locale

黄舟
Libérer: 2017-03-14 16:02:01
original
2758 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 :

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal