常常被人问及微信中使用的X5内核的问题,其实我也不是很清楚,只知道它是基于android 4.2的webkit,版本号是webkit 534。今天正好从X5团队拿到了一份问题汇总,梳理下发出来,给各位开发者以参考——不排除明天会删除这篇文章的可能。
2.请问各位碰到过X5浏览器内,局部滑动使用iscroll卡顿的问题么?
3.调用:-webkit-filter: blur(10px);filter: blur(10px);在Android下 背景图没有blur掉,只是被单纯的放大而已
回答:-webkit-filter目前还不支持,可以先用图片替换的方式 后续版本会支持这个属性
第一步,首先确认定位失败是个别站点原因还是所有站点定位都失败。如果是所有站点定位都不成功,很有可能是内核问题,转内核相关同学跟进调查定位逻辑是否有缺陷;如果是某个站点才会出现的问题,继续第二步排查,从站点源码着手。
第二步,找到站点请求定位的js代码段,检查获取定位信息函数的options字段,很有可能是 options 中 timeout 字段设置的超时太短导致,建议前端开发将该字段时间设置长一些(建议10s以上)或者不设置该字段。如果js没有设置 timeout 字段的情况下仍然定位不成功,则转内核同学调查内核流程。
ps:H5获取LBS信息的js接口
回答:
showPosition:定位成功时回调; showError:定位出错时回调; options:可选的地理定位请求特征 enableHightAccuracy:可选,是否开启高精度模式,参数默认值为 false timeout:可选,单位为ms,浏览器需要在该时间段内完成定位,否则定位失败,默认值为 - - infinity,无穷大。如果该值设置较小,会有很高的定位失败率。 maximumAge:可选,单位ms,重新计算位置的时间间隔。默认为0,即每次时时计算位置信息。
6.打开视频播放,后退视频仍然在播放
回答:部分机型,浏览页面时打开视频播放,点击返回,页面上的视频仍然在播放。解决办法是捕获后退事件,主动调用 onHideCustomView() 方法,并且在该方法里将 onShowCustomView 里关联的view解除关联
回答:X5内核是不会清除的。
8.打开WWW页面,缩放显示的问题
9.关于滚动时候动画的问题
回答:
页面滑动过程中动画不会被触发 页面滑动过程中动画会被停止 这个是X5内核为了做滚动优化而做的限制
10.关于connection type定义的问题
回答:X5执行的标准比较老,NetworkInfo_API
11.出现网络正常,但是页面打不开的情况
回答:关于设置里面的云加速试下是否可以打开。
回答:css是阻塞渲染过程,js阻塞解析过程!对于用户来说,没什么区别,都是空白的 js的执行时,如果js中有读写css的属性的代码,并且下载队列中有待加载的css,js执行会被阻塞掉。
回答:js defer:先加载,ondownload 后执行。和js放到html底部类似。不同的就是html预扫描到会先加载
15.首屏显示后,为什么又会重排版
回答:浏览器的排版宽度受上层ui设置的webview宽度影响。如果webview没设置或者是设置成0,浏览器内核会用默认的排版宽度320px进行排版。此时若webview的宽度值被正常设置,计算出来的排版宽度不是320px(一般是360px),这样浏览器就要用360px宽度,对页面进行重排。
回答:
小于等于1G内存手机,由于内存没办法精确统计,当达到75M以上,CANVAS数量最多支持20个
上面说的canvas内存,仅仅是说canvas 长宽计算出来的内存,不包括canavs使用的图片等资源内存
回答:是否方便具体说下是什么样的性能问题和css样式缺陷影响到您?我们这边可以跟进查看下原因。
X5内核也在不断改进,您的反馈可以帮助我们进一步优化。
chrome在标准的支持和性能优化方面确实目前走在业界前面,不过android系统的碎片化,android系统webview更是碎片化严重。
android系统上的web开发可能也需要考虑到不同rom的兼容情况。X5内核致力于为开发者提供统一的web体验,并通过不断的优化,来向业界标准对齐。
目前我们也在做基于chromium内核的研究工作,后续在标准的支持和性能上会有进一步提高。
18.请问下x5中js调用android怎么实现?
回答:跟系统内核下一样,都借助 addjavainterface 实现
回答:android手机中微信上的X5都是支持webgl的,不过部分机型上还有兼容性问题,由于兼容性问题,webgl之前我们是采用软绘的方式支持,目前切换到了硬绘,但整体来说还是会有兼容性和性能问题,后续这块还会持续更新
20.如果在某个设备第一次打开应用的时候 没有网络,x5内核可以启动吗?单网络恢复后还要再次认证,还是 不用在认证?
回答:第一次打开应用是不会拉起X5的 在第二次打开之后 不管有无网络都可以拉起
回答:暂时还不支持
23.什么时候支持html5的onunload和onbeforeunload事件
回答:现在是支持html5的 onunload 和 onbeforeunload 事件的
25.关于svg问题。
回答:关于SVG的问题:
关于svg模糊的问题,有2种情况:
直接访问一个.svg url的页面或者object,embed加入的svg, 出现模糊的问题
此问题已解决, qq浏览器5.8上已经修复, tbs下个版本也会修复 svg用作background-image, 模糊这个问题是我们目前渲染机制导致不能兼容非标准写法: 在用svg作为background-image的时候, 需要指定background-size, 不然会模糊
关于svg支持情况: 在5.3之前的qq浏览器不支持svg, 我们会在后台把svg转成一张jpeg图片, 供浏览器显示,5.4及以上版本支持svg,如果遇到被转成图片的问题,需要升级浏览器版本。
26.请问flexbox近期会支持吗?
回答:flexbox我们正在做开发支持
27.x5内核 目前是独立运行的 还是需要安装QQ浏览器?
29.请问x5支持webgl的所有接口吗?能在所有版本的android机(4.0+)和ios机(5.0+)上运行webgl吗?
回答:webgl目前是支持的,不过部分机型上还有兼容性问题
30.X5上支持哪些扩展?支持多少个纹理单元?
回答:X5上只能支持:
而且这些是必须手机GPU有对应的扩展指令才行的。
关于纹理单元。我们这边没有限制
上面的扩展,也都是基本每一个对应opengl的一个扩展
支持多少纹理单元,也是从opengl查询得到的。
主要应该是看手机GPU支持到啥程度,我们是做个对接。
回答:分片问题这边已经定位处理,浏览器会在5.8版本修复
32.手机qq浏览器是否有调试工具呢?
回答:有的,Inspector。
回答:支持websocket ,暂不支持wss,不支持webrtc
34.有计划支持webRTC吗?
回答:这个我们后续会评估的。
循环播放BGM时,如果同时播放音效,BGM会被强行暂停 多个音效同时播放时,会出现明显的无法忍受的延迟和播放失败 这个问题在同一台机器的微信上同样存在,但是同一台机器的chrome没有这个问题。
希望官方能解答我的疑惑和遇到的问题,谢谢。
PS:
回答:播放音效需要获取声音输出焦点,目前只支持同时播放一个音效 您提的需求我们会讨论评估后期是否能有方案现
36.播放音效时,为啥会把我后台的BGM播放给暂停掉?
回答:播放声音时当前音频需要获取 audiofocus ,系统在audiofocus丢失时会通知其它音频播放软件,这个暂停应该是播放软件自身的行为,我们本身并没有暂停后台音频,只是向系统申请了 audiofocus
37.300ms延迟是指什么?click 和 touch ?
回答:touch 点击之后,到 click 事件被触发,click 事件有延迟,touch 不存在,用 touchstart 事件替代 click 事件就OK
回答:你好flexbox正在开发支持,flexbox在android4.1到4.3系统内核上,也有类似问题,页面是需要兼容的
39.有没有什么x5内核的论坛或者wiki之类的?可以参考下。
另外有我们的公众账号 有问题可以随时交流
40.X5公众号叫什么?
回答:腾讯X5浏览服务
42.x5不支持font-face吗?
回答:支持
43.x5 支持flex吗?有兼容性文档吗?
这个页面是参考caniuse的测试用例得到的测试结果,5.7是对应qq浏览器5.7版本,可以对比下和系统浏览器4.1~.4.4的支持度。有需要的同学可以先参考下,相关的文档建设我们也在逐步完……
回答:ios因为有刷新功能,点击之后请求到的都是最新的文件,安卓下,不管怎样请求都不会更新文件
46.<meta name="x5-orientation" content="portrait"/>现在微信里面没有假如这个啊?为什么IOS QQ浏览器不识别这个?
47.现在白鹭游戏引擎是不是内置在x5里面了?
回答:内置了白鹭引擎runtime
48.x5内核不支持 canvas 的 background 属性吗?
背景颜色显示不出来
回答:这个是做了优化,当canvas下盖了背景,就没有去绘制背景图片,当初是因为一些手机的GPu在绘制这块,如果存在这种情况绘制非常慢