Question

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

Answer 1

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。

Answer 2

：Html5是一种网页开发语言，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术为开发者提供了一个跨平台的移动apps开发方案，并且该方案具有很好的扩展性和灵活性。 如今国内使用html5开发app应用技术尚有欠缺