混合开发hybrid app（3）怎么增强webview安全功能 和 适配不同手机分辨率的html

这是我最近阅读的一篇文章，里面提到的关于Android  5.0 以上Android webview 新增的安全功能，这里也做一个我们混合app 开发的一个知识点记录。今天不只分享Android 安全功能，还会和大家分享一下，关于html 编写时要注意的一些问题。因为我们Android 的碎片化，所以我们在 编写 html 时要做不同手机的适配问题。所以今天进入两个问题

一是增强 webview 的 安全 功能。

二是html编写时 做更多Android 手机的适配。

我这里只是写一写自己知道的方法，如果大家也有一些好的方法 也可以在下面评论和大家分享，非常感谢！

第一个问题，增强 webview 的安全功能：

增强webview 安全从两个方面说起第一个方面是 ：

（1）与 Chrome 类似，WebView 目前也提供两级隔离：

1.渲染引擎被分解为独立进程。这不仅能够在渲染器进程中避免托管应用出现错误或崩溃，还能使恶意网站更难利用渲染器攻击托管应用。

2. 为进一步防御攻击，渲染器进程将在隔离的进程沙盒中运行，从而将其限制为只能获取有限资源。例如，渲染引擎不能自行向磁盘写入数据，或者与网络进行通信。

此外，它还采用与 Android 版 Chrome 相同的 seccomp 过滤器。seccomp 过滤器不仅能够减少渲染器进程可访问的系统调用数量，还能限制系统调用允许的参数。

（2）集成安全浏览保护机制

webview 也采用google 的Chrome 集成安全浏览保护机制，如右图，当用户访问的网页是钓鱼网站等危险网站时就会有右图的提醒。具体怎么加入这个功能 其实就需要在清单文件mainifast中增加一句话：

xmlns:android="http://schemas.android.com/apk/res/androi"

    package="com.example.carson_ho.webview_demo"

    >

   android:name="android.webkit.WebView.EnableSafeBrowsing"

        android:value="true" />

       .............

就是增加一个 meta-data 标签。

第二个问题：编写html时要考虑到灵活适配不同屏幕分辨率的手机：

 关于要做到灵活的适配手机分辨率，这里我只提出自己的总结，如果你也有好的总结不妨分享出来大家，让大家学习一下。

（1）就是在我们html5 页面头部标签里面增加 viewport 视口：

name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

（2）是在写html界面时 要给增加最大和最小宽度：

一般会设置：min-width:320px;    max-width:640px; 这两个属性。

（3）一定要注意在指定

等块 级 的元素的时候一定不能用具体的尺寸大小，一定要用百分比的方式指定。

（4）字体大小也不能使用 px 的绝对大小，只能用相对大小单位rem，具体的 rem 和 px 的转换算法如下：

这是算法，下面给出，我们在html 中的 设置，方便我们使用和计算。

html{
	font-size:62.5%;//把字体大小设置为10px;  10px = 16px*62.5%;
}

这样写之后我们在使用的时候例如：

  比如我要把当前的

标签的字体设置为16px 那么我们用 rem 的数值就是 设置 1.6rem 就行了。

（5）注意图片也要按照百分比自动适应 ，不要设置具体大小尺寸。

（6）就是采用最火的bootstrap框架。

对于这两个问题的总结大概就这么多，如果有不足还请你能够提出宝贵意见。谢谢