検索

ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5_html5 でローカル アプリを開く方法のチュートリアルのヒント

HTML5_html5 でローカル アプリを開く方法のチュートリアルのヒント

WBOY
WBOYオリジナル
2016-05-16 15:51:511453ブラウズ

この記事では、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:name=" android.intent.category.LAUNCHER" />
  25. インテントフィルター>
  26. <インテントフィルター>
  27. <アクション android:name=" android.intent.action.VIEW" />
  28. <カテゴリ android:name=" android.intent.category.BROWSABLE" />
  29. <カテゴリ android:name=" 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. マニフェスト>

次に、Web ページで xttblog://taoge/open にアクセスする必要があります。 script、iframe、img など、使用できる要素は多数あります。 src 属性を使用して、xttblog://taoge/open にアクセスします。 html5 コードは次のとおりです:

XML/HTML コードコンテンツをクリップボードにコピー
  1. >
  2. <html>
  3. <スクリプト>
  4. function openapp(){
  5. document.getElementById('xttblog').innerHTML=';
    6. ;
  6. }
  7. スクリプト>
  8. <ボディ>
  9. <div style=" 表示: none;" id="xttblog">div>
  10. <入力 type="ボタン" 値=「アプリを開く」 onclick= "openapp();">
  11. ボディ>
  12. html>

以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：モバイル Web シミュレーション クライアントは、複数のボックスにパスワードを入力する効果を実現します [コード付き]_html5 チュートリアル スキル次の記事：モバイル Web シミュレーション クライアントは、複数のボックスにパスワードを入力する効果を実現します [コード付き]_html5 チュートリアル スキル

関連記事

続きを見る