华为系统浏览器网页显示异常

        最近有一个新的工作需求,需要web 工程页面能在各大手机厂商的的系统浏览器上正常工作(没有系统浏览器的,则在主流的手机浏览器上正常工作),这是一个很正常的兼容需求。但是在一些比如华为、one plus等系统浏览器上,则现在异常,表现是网页的一部分内容没有加载出来。

        进过初步的调试(系统的浏览器一版不会开发调试接口给你,你需要尝试各种调试姿势,如果最后发现仍然连基本的log 都无法抓取到,建议回到原点,采用alert()或其他最基本的调试方式),发现是一个JS 文件执行异常。

最后排查出来,发现华为的系统浏览器并不支持ES6的语法,UA 为 Mozilla/5.0 ( Windows; U; Windows NT 5.2; en-US) AppleWebkit / 534.31 (KHTML, like Gecko) Chrome/34.0.1847.116 Safari / 534.31,  重点是加粗的部分,因为在 chrome / 34.0 和 Safair / 534.31的版本,当时并不支持ES6。此类问题出现在华为Mete 10以下的手机,新款华为mete 20 则将系统浏览器内核升级了,已支持ES6 的语法。

所以需要通过代码检查,将ES6语法包含的代码全部转为ES5,才能正常工作。

你可能感兴趣的:(华为系统浏览器网页显示异常)