html5启动app（html5安装）

html5 app是怎么运行的

可以通过webview方式访问远程，也可以把html5页面放在手机app端，本地方式进行访问。但都离不开webview。

HTML5现在现成的框架比较多，photogap,jquery mobile,bootstrap等都可以，如果功能简单，也可以不使用框架，自己写几个html5页面就行了。

html5页面可以启动手机上的app吗

html中其实是无法判断应用是否安装，除非在webview中通过js bridge，这里通过一种方式达到此目的。

1、编辑AndroidManifest.xml：

主要是增加第二个intent-filter，myapp用来标识schema，更好能保证手机系统唯一，那样就可以打开应用，而不是弹出一个选择框。

  android:pathPrefix标识url的path，可以附带自己的数据通过string传递到activity，比如完整url为 myapp://xxx/openwith?data=mydata

[html] view plaincopy

activity  

  android:name="com.abc.MainActivity"  

  android:configChanges="orientation|keyboardHidden|navigation|screenSize"  

  android:screenOrientation="landscape"  

  android:theme="@android:style/Theme.NoTitleBar.Fullscreen"   

  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:scheme="myapp" android:pathPrefix="/xxx/openwith" /  

  /intent-filter  

t;/activity

然后通过activity获得data数据：

[java] view plaincopy

 public void onCreate(Bundle savedInstanceState) {  

     Uri uridata = this.getIntent().getData();  

     String mydata = uridata.getQueryParameter("data");  

     ...  

}

2、编写html页面：

整个页面也许是某个app的详细介绍，这里只写出关键的js代码：

[javascript] view plaincopy

function openApp() {  

        if (/android/i.test(navigator.userAgent)) {  

             var isrefresh = getUrlParam('refresh'); // 获得refresh参数  

             if(isrefresh == 1) {  

                 return  

             }  

             window.location.href = 'myapp://xxx/openwith?data=mydata';  

             window.setTimeout(function () {  

                     window.location.href += 'refresh=1' // 附加一个特殊参数，用来标识这次刷新不要再调用myapp:// 了  

             }, 500);  

         }  

}

上面代码可以达到这样一个目的，先请求 myapp:// ,如果系统能处理，或者说已经安装了myapp表示的应用，那么就可以打开，另外，如果不能打开，直接刷新一下当前页面，等于是重置location。

html5页面可以启动手机上的APP吗

有个 *** 你可以参考一下

一、Html上添加一个a标签，如下

   a class="button-download"  href="yly://XXXX "span启动app/span/a  

二、App的AndroidManifest.xml中的MainActivity中加入如下的intent-filter

   intent-filter  

                 action android:name="android.intent.action.VIEW"/  

                 category android:name="android.intent.category.DEFAULT"/  

                 category android:name="android.intent.category.BROWSABLE"/  

                 data android:scheme="yly"/  

         /intent-filter  

三、在MainActivity的OnCreate中加入如下 *** ，取得yly://后面的信息

   Intent intent = getIntent();  

   String uri = intent.getDataString();

html5页面可以启动手机上的APP吗？?

一、Html上添加一个a标签，如下

a class="button-download" href="yly://XXXX "span启动app/span/a

二、App的AndroidManifest.xml中的MainActivity中加入如下的intent-filter

intent-filter

action android:name="android.intent.action.VIEW"/

category android:name="android.intent.category.DEFAULT"/

category android:name="android.intent.category.BROWSABLE"/

data android:scheme="yly"/

/intent-filter

三、在MainActivity的OnCreate中加入如下 *** ，取得yly://后面的信息

Intent intent = getIntent();

String uri = intent.getDataString();

html5 怎么打开一个app

首先为了保证能够打开你的app，你必须要在androidManifest.xml中配置的filter中data的属性表述。

data

android:pathprefix="/taoge/open" android:scheme="xttblog"/data

androidManifest.xml

代码如下：

XML/HTML Code

?xml version="1.0" encoding="utf-8"?

manifest xmlns: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代码如下：

XML/HTML Code复制内容到剪贴板

!DOCTYPE HTML

html

script

function openapp(){

document.getElementById('xttblog').innerHTML='iframe src="xttblog://taoge/open"/iframe';

}

/script

body

div style="display:none;" id="xttblog"/div

input type="button" value="打开app" onclick="openapp();"

/body

/html