HTML5-Beispielcode zum Öffnen einer lokalen App-Anwendung-H5-Tutorial-php.cn

HTML5-Beispielcode zum Öffnen einer lokalen App-Anwendung

黄舟

Freigeben： 2017-03-14 16:02:01

Original

2733 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die HTML5-Methode zum Öffnen lokaler App-Anwendungen vorgestellt. Wenn Sie Alipay auf Ihrem Mobiltelefon installiert haben, wird Alipay automatisch geöffnet, wenn Sie die mobile Alipay-Webseite besuchen Andernfalls werden Sie auf der Seite aufgefordert, die App herunterzuladen. Interessierte Freunde können auf diesen Artikel verweisen

In diesem Artikel erfahren Sie, wie Sie eine lokale App in HTML5 öffnen. Der spezifische Inhalt lautet wie folgt

Um sicherzustellen, dass Sie dies können Öffnen Sie Ihre App. Sie müssen das Attribut Ausdruck der Daten im in androidManifest.xml konfigurierten Filter verwenden. Der Code von androidManifest.xml lautet wie folgt:

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

Nach dem Login kopieren

Zweitens müssen Sie xttblog://taoge/open auf Ihrer Webseite besuchen. Es gibt viele Elemente, die verwendet werden können, wie zum Beispiel: Skript, Iframe, IMG usw. Besuchen Sie mit ihrem src-Attribut xttblog://taoge/open. Der HTML5-Code lautet wie folgt:

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

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonHTML5-Beispielcode zum Öffnen einer lokalen App-Anwendung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!