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

Exemple de code HTML5 pour ouvrir une application locale

黄舟original: 2017-03-14 16:02:012742parcourir

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. 91e1f436f29848f49372af379bb4dee807b4fdd0136efc154b4b9d48cfcbbb9d 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>

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>

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!

Déclaration：

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

Article précédent：Résumé du code pour l'alignement du texte dans HTML5 CanvasArticle suivant：Résumé du code pour l'alignement du texte dans HTML5 Canvas

Articles Liés

Voir plus