注意:通过 UA 探测判断内核方法的准确性有待讨论,因为 APP 可以任意修改 UA,简单的测试,不同平台下差距较大。如果你有好的建议欢迎提出。
在移动端前端开发中,WebView 占的份额很大,特别是微信前段时间还公开了自己的 JS SDK 使得基于微信 WebView 的开发越来越有竞争力。
但是 WebView 始终是 WebView,是通过手机上浏览器来提供 Web 渲染功能。该测试的主要目的是想要验证以下问题:
了解 WebView 使用的内核对于调试和开发非常有帮助。当你测试你的 WebAPP 时,它可能在你的 Chrome for Android 里面很正常,但并不意味在微信的 WebView 里面正常(因为内核不一定相同)。如果通过测试得知他们使用的内核的版本和规则,那么测试起来就会方便很多,避免无用的测试。
这一点应该在对应 APP 的开发者文档中说明,但是没有搜索到,如果有了解的朋友,欢迎留下评论。
由于手机品牌、操作系统众多,本人测试机不多,所以希望大家有时间、有设备的可以拿起来扫一下填写一下,各种场景的 WebView 全部测试一遍也不会花费你 30 分钟的时间。
测试页面在:http://yujiangshui.github.io/test-webview/
它的 Repo 是:https://github.com/yujiangshui/test-webview/
如果你有好的建议,欢迎在 Issues 里面提出。
在移动端设备上打开测试页面,为了方便,可以扫描下面二维码图片:
打开之后会自动获取你设备的相关信息。需要人工选择的是下面三项:
由于需要测试 WebView 与浏览器之间的关系,所以可能会需要你在同一台设备上使用多个软件打开该页面,并选择相应的 APP。希望尽量测试的有:
如果可以,希望能多测试一下几种:
这些浏览器是份额较大的浏览器,测试它们的内核版本可以更加清晰它们之间的对比和基情。
之后由于可能要测试多遍,所以需要用一个标识符来表示这些结果是一台设备测试的,你可以随意指定一个标识符,只需要保证同一设备统一即可。
最后点击 “提交结果” 即可,多谢。
测试结果将在有一定数量的测试用例之后,分析给出结论。届时会更新到本文该部分,并在微博和 Github 有关 repo 上面更新。