찾다

집 >웹 프론트엔드 >H5 튜토리얼 >HTML5_html5 튜토리얼 팁에서 로컬 앱을 여는 방법

HTML5_html5 튜토리얼 팁에서 로컬 앱을 여는 방법

WBOY
WBOY원래의
2016-05-16 15:51:511454검색

이 글에서는 HTML5를 사용하여 로컬 앱을 여는 방법을 공유합니다.

먼저 앱이 열릴 수 있도록 하려면 androidManifest.xml에 구성된 필터에 data 속성을 표현해야 합니다. androidManifest.xml 코드는 다음과 같습니다.

XML/HTML 코드클립보드에 콘텐츠 복사
  1. xml 버전="1.0" 인코딩="utf-8"?>  
  2. <매니페스트 xmlns:android=" http://schemas.android.com/apk/res/android"  
  3.     패키지="com.taoge"  
  4.     android:versionCode="2"  
  5.     android:versionName="3.24.03" >   
  6.     <uses-sdk  
  7.         android:minSdkVersion="8"  
  8.         android:targetSdkVersion="17" />  
  9.     <신청  
  10.         android:allowBackup="true"  
  11.         android:configChanges="orientation|screenSize"  
  12.         android:icon="@drawable/logo"  
  13.         android:label="@string/app_name"  
  14.         android:logo="@drawable/logo"  
  15.         android:sharedUserId="android.uid.system"  
  16.         android:theme="@android:style/Theme.Light.NoTitleBar" >  
  17.         <활동  
  18.            android:name="xttblog.WelcomeActivity"  
  19.             android:excludeFromRecents="true"  
  20.             android:screenOrientation="세로"  
  21.             android:theme="@android:style/Theme.Light.NoTitleBar" >  
  22.             <인텐트 필터>  
  23.                <액션 android:name=" android.intent.action.MAIN" />  
  24.                <범주 android:이름=" android.intent.category.LAUNCHER" />  
  25.             인텐트 필터>  
  26.             <인텐트 필터>  
  27.                <액션 android:name=" android.intent.action.VIEW" />  
  28.                <범주 android:이름=" android.intent.category.BROWSABLE" />  
  29.                <범주 android:이름=" android.intent.category.DEFAULT" />  
  30.                <데이터 android:pathPrefix=" /taoge/open"  
  31.                    android:scheme="xttblog" />  
  32.             인텐트 필터>  
  33.         활동>  
  34.         <활동  
  35.            android:name="xttblog.AntRepairActivity"  
  36.  android:label="@string/title_activity_ant_repair" >
  37. 활동>
  38. 신청>
  39. 매니페스트>

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

XML/HTML 코드클립보드에 콘텐츠 복사
  1. >
  2. <html>
  3. <스크립트>
  4. 함수 openapp(){
  5. document.getElementById('xttblog').innerHTML=''
  6. }
  7. 스크립트>
  8. <몸>
  9. <div 스타일="디스플레이: 없음;" id="xttblog">div>
  10. <입력 입력="버튼" 값="앱 열기" 클릭= "openapp();">
  11. 몸>
  12. html>

위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：모바일 웹 시뮬레이션 클라이언트는 여러 상자에 비밀번호를 입력하는 효과를 구현합니다. [코드 포함]_html5 튜토리얼 기술다음 기사：모바일 웹 시뮬레이션 클라이언트는 여러 상자에 비밀번호를 입력하는 효과를 구현합니다. [코드 포함]_html5 튜토리얼 기술

관련 기사

더보기