Heim >Web-Frontend >H5-Tutorial >HTML5-Beispielcode zum Öffnen einer lokalen App-Anwendung

HTML5-Beispielcode zum Öffnen einer lokalen App-Anwendung

黄舟Original: 2017-03-14 16:02:012790Durchsuche

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

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>

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Codezusammenfassung für die Textausrichtung in HTML5 CanvasNächster Artikel：Codezusammenfassung für die Textausrichtung in HTML5 Canvas

In Verbindung stehende Artikel

Mehr sehen