目录
回复内容:
首页 web前端 H5教程 微信内置浏览器 x5内核 有哪些坑及解决方案?

微信内置浏览器 x5内核 有哪些坑及解决方案?

Jun 07, 2016 am 08:42 AM

回复内容:

QQ浏览器X5内核问题汇总 —— 前端观察

俺只是大自然的搬运工 T_T 全等于移动端IE6,各种坑。 请参考 X5内核的官方归纳: 腾讯X5浏览服务

另外,如果有遇到其他一些问题可以加入X5内核反馈QQ群,直接进行询问,QQ群号:
434421502 移动届的ie6。
居然不支持flex, 差评 今年年初的时候我在一家公司实习,当时有一个需求是这样的,我们有一个页面的展示,当用户滑动到最后一个页面的时候有一个二维码,用户可以长按识别。然而,当时的情况是我的Android可以正常识别,iphone则不行。

当时已经是临近上线,我们想了许多可能性,甚至想到了会不会是DOM结构的嵌套还有浏览器的兼容性的问题。然而经过多次试错发现,只要把二维码放在首页便可以正常识别,放在第二页,第三页都不行。

进一步的又发现,就算是在第一个页面,你只要滑动一下,二维码便不能正常识别。当时就想到是浏览器兼容性的问题了,于是进一步的实验,发现有可能是 webkit-transform 元素的问题,然后就把这个问题提交给前端解决,我就屁颠屁颠跑去赶最后一班地铁了。(当时我还是一个后端)

后来公司的前端的解决方式简单粗暴,直接把 css translate 干掉然后产品上线,但是这样就还是有些效果做不出来。再后来我就离职了,之后的发展据说是网页改版了。

刚百度了一下,iphone微信页面二维码长按识别不了,这个百度知道的回答(当时这个问题还没有答案)里面其实跟我们当时的做法有异曲同工之处。 x5更新了,此问题已不存在

----------千万不要在X5环境下使用vw/vh单位,坑死你没商量 自带样式巨丑无比。请使用-webkit-appearance干掉。
visited的效果巨丑无比,请使用:visited干掉。
不支持put/patch/delete等请求。如果你用到了,那就找后端想办法换成POST吧。例如我们全部是发的POST请求,然后 headers: {'X-HTTP-Method-Override': 'PATCH'}。

待续,一时半会儿想不起那么多了。 坑的要死,技术层面还没到自己开发个浏览器呢,自己开始搞ie6了 经测试,不支持 3D transform。

不过反正那玩意儿就是彻头彻尾的垃圾。水平跟屎一样还非要自己折腾一套所谓浏览器内核。 基于android 4.2的webkit,不支持flex。
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何使用视口元标记来控制移动设备上的页面缩放? 如何使用视口元标记来控制移动设备上的页面缩放? Mar 13, 2025 pm 08:00 PM

本文讨论了使用视口元标记来控制移动设备上的页面缩放,重点是宽度和初始尺度之类的设置,以获得最佳响应和性能。

如何将音频添加到我的HTML5网站上? 如何将音频添加到我的HTML5网站上? Mar 10, 2025 pm 03:01 PM

本文解释了如何使用< audio>元素,包括用于格式选择的最佳实践(MP3,OGG Vorbis),文件优化和JavaScript控件用于播放。 它强调使用多个音频f

如何使用地理位置API处理用户位置隐私和权限? 如何使用地理位置API处理用户位置隐私和权限? Mar 18, 2025 pm 02:16 PM

本文讨论了使用GeOlocation API管理用户位置隐私和权限,并强调要求权限,确保数据安全性并遵守隐私法律的最佳实践。

如何使用HTML5和JavaScript创建互动游戏? 如何使用HTML5和JavaScript创建互动游戏? Mar 10, 2025 pm 06:34 PM

本文使用JavaScript详细介绍了创建Interactive HTML5游戏。 它涵盖了游戏设计,HTML结构,CSS样式,JavaScript逻辑(包括事件处理和动画)以及音频集成。 必需的JavaScript库(Phaser,Pi

如何将HTML5表单用于用户输入? 如何将HTML5表单用于用户输入? Mar 10, 2025 pm 02:59 PM

本文解释了如何创建和验证HTML5表格。 它详细介绍了>元素,输入类型(文本,电子邮件,编号等)和属性(必需,模式,最小,最大)。 HTML5的优势比旧方法形成

如何使用HTML5页面可见性API检测页面何时可见? 如何使用HTML5页面可见性API检测页面何时可见? Mar 13, 2025 pm 07:51 PM

本文讨论了使用HTML5页面可见性API来检测页面可见性,提高用户体验并优化资源使用情况。关键方面包括暂停媒体,减少CPU负载以及基于可见性变化管理分析。

如何将HTML5拖放API用于交互式用户界面? 如何将HTML5拖放API用于交互式用户界面? Mar 18, 2025 pm 02:17 PM

本文介绍了如何使用HTML5拖放API来创建交互式用户界面,详细介绍了使元素可拖动的步骤,处理关键事件并通过自定义反馈来增强用户体验。它还讨论了一个常见的陷阱

如何使用HTML5 Websockets API进行客户端和服务器之间的双向通信? 如何使用HTML5 Websockets API进行客户端和服务器之间的双向通信? Mar 12, 2025 pm 03:20 PM

本文解释了HTML5 Websockets API,用于实时双向客户服务器通信。 它详细详细介绍了客户端(JavaScript)和服务器端(Python/Flask)的实现,以应对可伸缩性,状态管理,一个挑战

See all articles