混合开发hybrid app（3）怎么增强webview安全功能 和 适配不同手机分辨率的html
2017-07-06 10:25
696 查看
这是我最近阅读的一篇文章，里面提到的关于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中增加一句话：<
dcfd
/p>
就是增加一个 meta-data 标签。
第二个问题：编写html时要考虑到灵活适配不同屏幕分辨率的手机：
关于要做到灵活的适配手机分辨率，这里我只提出自己的总结，如果你也有好的总结不妨分享出来大家，让大家学习一下。
（1）就是在我们html5 页面头部<head>标签里面增加 viewport 视口：
（2）是在写html界面时 要给<body>增加最大和最小宽度：
一般会设置：min-width:320px;
max-width:640px;
这两个属性。
（3）一定要注意在指定 <div> <img>等块 级 的元素的时候一定不能用具体的尺寸大小，一定要用百分比的方式指定。
（4）字体大小也不能使用 px 的绝对大小，只能用相对大小单位rem，具体的
rem 和 px 的转换算法如下：
这是算法，下面给出，我们在html 中的 设置，方便我们使用和计算。
这样写之后我们在使用的时候例如：
比如我要把当前的<p>标签的字体设置为16px 那么我们用 rem 的数值就是 设置 1.6rem 就行了。
（5）注意图片也要按照百分比自动适应 ，不要设置具体大小尺寸。
（6）就是采用最火的bootstrap框架。
对于这两个问题的总结大概就这么多，如果有不足还请你能够提出宝贵意见。谢谢
一是增强 webview 的 安全 功能。
二是html编写时 做更多Android 手机的适配。
我这里只是写一写自己知道的方法，如果大家也有一些好的方法 也可以在下面评论和大家分享，非常感谢！
第一个问题，增强 webview 的安全功能：
增强webview 安全从两个方面说起第一个方面是 ：
（1）与 Chrome 类似，WebView 目前也提供两级隔离：
1.渲染引擎被分解为独立进程。这不仅能够在渲染器进程中避免托管应用出现错误或崩溃，还能使恶意网站更难利用渲染器攻击托管应用。
2. 为进一步防御攻击，渲染器进程将在隔离的进程沙盒中运行，从而将其限制为只能获取有限资源。例如，渲染引擎不能自行向磁盘写入数据，或者与网络进行通信。
此外，它还采用与 Android 版 Chrome 相同的 seccomp 过滤器。seccomp 过滤器不仅能够减少渲染器进程可访问的系统调用数量，还能限制系统调用允许的参数。
（2）集成安全浏览保护机制
webview 也采用google 的Chrome 集成安全浏览保护机制，如右图，当用户访问的网页是钓鱼网站等危险网站时就会有右图的提醒。具体怎么加入这个功能 其实就需要在清单文件mainifast中增加一句话：<
dcfd
/p>
<manifest xmlns:android="http://schemas.android.com/apk/res/androi"
package="com.example.carson_ho.webview_demo"
>
<meta-data android:name="android.webkit.WebView.EnableSafeBrowsing"
android:value="true" />
<application
.............
</application>
</manifest>
就是增加一个 meta-data 标签。
第二个问题：编写html时要考虑到灵活适配不同屏幕分辨率的手机：
关于要做到灵活的适配手机分辨率，这里我只提出自己的总结，如果你也有好的总结不妨分享出来大家，让大家学习一下。
（1）就是在我们html5 页面头部<head>标签里面增加 viewport 视口：
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
（2）是在写html界面时 要给<body>增加最大和最小宽度：
一般会设置：min-width:320px;
max-width:640px;
这两个属性。
（3）一定要注意在指定 <div> <img>等块 级 的元素的时候一定不能用具体的尺寸大小，一定要用百分比的方式指定。
（4）字体大小也不能使用 px 的绝对大小，只能用相对大小单位rem，具体的
rem 和 px 的转换算法如下：
这是算法，下面给出，我们在html 中的 设置，方便我们使用和计算。
html{
font-size:62.5%;//把字体大小设置为10px; 10px = 16px*62.5%;
}这样写之后我们在使用的时候例如：
比如我要把当前的<p>标签的字体设置为16px 那么我们用 rem 的数值就是 设置 1.6rem 就行了。
（5）注意图片也要按照百分比自动适应 ，不要设置具体大小尺寸。
（6）就是采用最火的bootstrap框架。
对于这两个问题的总结大概就这么多，如果有不足还请你能够提出宝贵意见。谢谢
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Android混合开发之WebViewJavascriptBridge实现JS与java安全交互
- [HTML] 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
- webview开发-适配多分辨率的Android设备
- Android混合开发之WebViewJavascriptBridge实现JS与java安全交互
- android使用WebView加载html input标签调用手机相机相册 后添加扫码功能
- WebView混合开发模式二（实现网页的放大，输小等功能）
- Android webview 加载 html页面 实现 不同分辨率 不同 dpi 缩放自适应处理
- html中怎么适应不同分辨率的显示器（如电脑和手机）
- Android混合开发之WebViewJavascriptBridge实现JS与java安全交互
- 混合开发之webView加载html,android 和 html之间进行数据交互
- webView显示html到Js调用手机功能到Base64的方式将数据返回到Html中
- Android混合开发之WebViewJavascriptBridge实现JS与java安全交互
- 适配不同分辨率的Android手机的简单处理方法
- iPhone 和 iPad的ios 开发中 利用 WebViewJavascriptBridge组件，通过 UIWebView 对Html进行双向通讯
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
- Android 不同手机分辨率适配(xml方式)
- 适配不同分辨率的Android手机的简单处理方法
- Android 浏览器开发中的小技巧，webview的复制功能
- Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示