HTML5是如何使用的?打开网页时自动启动吗?浏览器自带?还是需要安装什么插件?

html-css08

HTML5是如何使用的?打开网页时自动启动吗?浏览器自带?还是需要安装什么插件?,第1张

是浏览器源生支持,比如举个例子就是看视频,在以前(包括现在绝大多数情况)如果想要通过网页看视频的话,就一定需要安装flash插件,通过flash来看视频。但是html5引入

标签,浏览器自己就支持播放视频了,那么就不需要安装flash插件直接打开网页就可以看到视频了

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看做用某种方式做出来的一个文件;

浏览器能够打开用HTML5做成的文件。所以叫“支持”。

类比就是:

记事本 是windows自带的一种程序(你可以在开始菜单找到);

用word2010做出来的一个文件叫 AABB.docx  (以docx文件名结尾)

用记事本不能打开AABB.docx(或者打开后是一堆乱码),这个叫“不支持”。

再类比:

浏览器是个2B青年;

你用中文写了一篇日记(相当于用HTML5写了一个文档);

浏览器这个2B青年能够看明白你的日记,那就叫“支持”;如果浏览器这个2B青年看不明白你写的日记,那就叫“不支持”,不支持的原因是你比2B青年更牛B,写出来的东西连2B青年都看不懂。