집 >웹 프론트엔드 >H5 튜토리얼 >로컬 앱 애플리케이션을 여는 HTML5 샘플 코드

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

黄舟원래의: 2017-03-14 16:02:012756검색

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

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

우선, 앱을 열려면 androidManifest.xml에 구성된 필터의 데이터에 대한 속성 표현이 필요합니다. 91e1f436f29848f49372af379bb4dee807b4fdd0136efc154b4b9d48cfcbbb9d 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：HTML5 Canvas의 텍스트 정렬에 대한 코드 요약다음 기사：HTML5 Canvas의 텍스트 정렬에 대한 코드 요약