Vue进阶（幺柒贰）：信创浏览器兼容性探讨

大家好，欢迎来到IT知识分享网。

一、前言

应用系统上线运行后存在的浏览器兼容性问题产生的原因无疑与应用系统代码、浏览器设置或硬件设置有关。

信创适配改造阶段，系统用户在使用国产信创设备上面的奇安信浏览器可能会遇到兼容性问题。甩锅阶段，开发认为是测试不全面导致，认为测试应该必须测试过特定浏览器才可以进行说明。

当时在进行银河麒麟 和 UOS（统信） 的兼容适配时与OS厂商沟通过，操作系统认为自己兼容比较好的是曾经360旗下后来2019因为战略分歧而分道扬镳的奇安信浏览器。

通过了解，奇安信跟360极速浏览器应该是同根同源，两者都是基于Google的Chromium开源项目而来。目前最新的内核版本为 Chromium 110。

兼容性是一个非常庞大的系统工程。需要投入巨大的精力和时间。有些公司为保证浏览器兼容性，会使用智能客户端(SmartClient)，例如微软智能客户端。虽然被人诟病像是C/S架构的, 但是的确把浏览器兼容性的问题减少到了最少。

使用B/S架构，没有自己的浏览器时, 很多时候要依托于浏览器本身乃至运行的操作系统的复杂配置。考虑到自己封装成本， 如果能够跟浏览器厂商进行合作，进行统一定制，统一发版。甚至可以借助相关厂商对览器的内存使用进行优化。同时，客户端调优对自己的产品品质提升也大有裨益。

请记住，数字化信息化并不是自己吃全鱼， 找对合作伙伴、资源共享才应该是王道。

二、奇安信浏览器针对vue兼容性问题

2.1 编码规范

奇安信浏览器是基于Chromium内核进行开发的，因此在大多数情况下，与其他Chromium内核浏览器(如谷歌Chrome、微软 Edge等)的兼容性相似。在处理Vue相关的兼容性问题时，可遵循以下几点:

1. 确保使用最新版本的奇安信浏览器，以获得最佳的Vue兼否容性和性能。
2. 确保Vue.js和相关的库(如Vue Router和Vuex)都是最新版本，以确保最佳的兼容性。
3. 在编写Vue.js代码时，遵循Vue.js的最佳实践和规范，以最大限度地确保代码的兼容性和可靠性。
4. 如果遇到了Vue兼容性问题，请尝试在奇安信浏览器之外的其他浏览器中复测应用程序，以确定是否存在浏览器特定的问题。如果确定是浏览器特定的问题，可考虑使用polyfill或其也解决方案来解决问题。

2.2 浏览器测试范围

此外，浏览器兼容性如果资源充足可能得考虑如下场景：

1. 浏览器类型；
2. 相同浏览器类型的不同版本；
3. 不同的平台操作系统；
4. 相同平台的操作系统下面的不同架构.；
5. 信创操作系统以及国内主流的开源浏览器的版本；
6. 不同版本的应用程序, 对相同或高或者低版本的浏览器的兼容性；

2.3 传统 JSP 项目

对于传统使用JSP的项目，需重点考虑JSP项目中是否使用非标准的HTML元素、CSS属性和JavaScript函数，因为这些可能导致浏览器兼容性问题。

2.4 IE 适配项目

针对前期应用系统主要针对IE运行，鉴于其使用的内核为Trident，同样需重点考虑系统中是否使用非标准HTML、CSS、JavaScript。

标准HTML、CSS、JavaScript是指遵循W3C发布的规范。那么，如何检测项目中是否存在非标准HTML、CSS、JavaScript？即如何检测页面为标准页面（指网页由标准HTML、CSS、JavaScript构成）？

目前，可通过w3c在线验证：

• 网页CSS在线验证：将网页与W3C标准比较。标准根据文件宣告的版本而验证，工具会读取DOCTYPE宣告而决定使用的标准。 当验证工具读取到网页及决定使用的标准后，验证工具将会检查错误，例如元素开关的遗漏，引号的遗漏及其他代码错误。 验证工具随后会建立报告，指出文件是否正确。错误则会以列表方式显示。某些错误，例如遗漏元素关闭，可以造成数个，甚至过百个错误。但是网页设计师则只需要处理第一个出现的错误并排除余下连串的错误。
• 网页HTML在线验证：使用与HTML/XHTML验证工具类似的验证方式，将CSS文件与W3C标准比较。

三、主流的浏览器与其内核

浏览器内核指的是浏览器所采用的渲染引擎，其决定了浏览器如何解析HTML、CSS和JavaScript代码。此外，不同的浏览器也有各自的默认设置和标准遵守程度，这可能导致某些代码在某些浏览器中运行良好，而在其他浏览器中出现问题。

提到Web浏览器，大家首先想到的肯定是IE浏览器，即Internet Explorer，其于2022年6月15日被微软公司永久关闭，IE浏览器停止服务后官方将不再进行安全漏洞维护和相关补丁更新。

IE内核采用的是Trident内核。它是一种用于处理网页内容的软件组件，负责将HTML、CSS和JavaScript代码转换成可视化的网页。IE内核可以被其他浏览器所采用，例如360浏览器、搜狗浏览器等，因此IE内核的稳定性和性能影响了这些浏览器的用户体验。

目前市场上主流的浏览器分为Edge、Chrome、Firefox、Safari等几大类，它们具有以下特点：

3.1 Edge浏览器

内核是：Chromium

“microsoft edge”是一个浏览器软件；“microsoft edge”是由微软开发的基于Chromium开源项目即其他开源软件的网页浏览器，该浏览器内置与windows10版本中，支持内置Cortana语音功能，内置了阅读器、笔记和分享功能。

微软官方发布公告，称IE浏览器于2022年6月16日正式退役，此后其功能将由Edge浏览器接棒。

3.2 Chrome浏览器

内核是：webkit

Chrome浏览器由Google在开源项目的基础上独立开发的一款浏览器，市场占有率第一，提供了很多方便开发者使用的插件。支持Windows平台，还支持Linux、Mac系统，同时它也提供了移动端的应用（如Android和iOS平台）。

3.3 Firefox浏览器

内核：Gecko

Firefox浏览器是开源组织提供的一款开源的浏览器，它开源了浏览器的源码，也提供了很多插件，方便了用户的使用，支持Windows平台、Llnux平台和Mac平台。

3.4 Safari浏览器

内核：webkit

Safari浏览器主要是Apple公司为Mac系统量身打造的一款浏览器，主要应用在Mac和iOS系统中。

大部分国产的浏览器（浏览器，uc浏览器，猎豹浏览器，360浏览器）基本上是在IE浏览器的内核上进行的二次开发。

现在国内市场上有许多双内核的浏览器，使用的是trident,webkit内核。

为了提高浏览器兼容性，建议使用标准化的HTML、CSS和JavaScript。标准化代码遵循W3C规范，确保代码在各种浏览器中的一致性和最佳展示效果。此外，避免使用非标准的HTML元素、CSS属性和JavaScript函数，因为这些可能导致浏览器兼容性问题。

四、拓展阅读

• 《360与奇安信的安全之争：从分家到大模型，谁能笑到最后？》
• 《昔日兄弟成对手：360安全业务营收不及奇安信四成，再次开启大模型竞争 》
• 《Vue进阶（幺陆玖）信创终端适配改造》
• 《奇安信可信浏览器》
• 《三大措施！奇安信助力广大政企客户安全应对IE浏览器停服》