로컬 앱 애플리케이션을 여는 HTML5 샘플 코드-H5 튜토리얼-php.cn

로컬 앱 애플리케이션을 여는 HTML5 샘플 코드

黄舟

풀어 주다： 2017-03-14 16:02:01

원래의

2762명이 탐색했습니다.

이 글에서는 로컬 앱 애플리케이션을 여는 HTML5 방법을 주로 소개합니다. 휴대전화에 Alipay를 설치한 경우 Alipay 모바일 웹 페이지를 방문하면 Alipay가 자동으로 열립니다. 그렇지 않으면 페이지에 앱을 다운로드하라는 메시지가 표시됩니다. 어떻게 해야 합니까? 관심 있는 친구는 이 기사를 참조할 수 있습니다

이 기사는 HTML5에서 로컬 앱을 여는 방법을 공유합니다.

우선, 앱을 열려면 androidManifest.xml에 구성된 필터의 데이터에 대한 속성 표현이 필요합니다. androidManifest.xml 코드는 다음과 같습니다:

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

로그인 후 복사

둘째, 웹 페이지에서 xttblog://taoge/open을 방문해야 합니다. script, iframe, img 등과 같이 사용할 수 있는 요소가 많이 있습니다. src 속성을 사용하여 xttblog://taoge/open을 방문하세요. html5 코드는 다음과 같습니다:

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

로그인 후 복사

위 내용은 로컬 앱 애플리케이션을 여는 HTML5 샘플 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!