1. 引言
1.1. 编写目的
HTML5 做为当前“最火”的跨平台、跨终端(硬件)研发语言，越来越受到前端研发者 的注意，没论是 PC 端还是当前“火热”的移动端，其前端研发人员的占比均越来越高。此 消彼长，HTML5 研发者的增多自然引起 WPF / Flex / QT 等前端技术研发人员的缩减。为了 处理前端“跨平台”的问题，并应对研发人员稀缺的窘境，咱们迫切的必须选取或更换新的 技术路线，而 HTML5 当为首选。这次测试目的是为了验证运用 HTML5 做为前端技术路线，能 否满足大屏(高分辨率，超过 8K)可视化的展示需求。
1.2. 测试背景
因为 WPF 技术越来越边缘化，研发人员越来越少，成本越来越高，为了以后制品的升级 换代，咱们迫切必须寻找主流前端技术的替代品。日前来看HTML5技术可能是将来前端技术 的主流，其针对移动端、桌面端、还有三维方面都拥有良好的兼容性。
1.3. 测试目的 测试各大主流浏览器，当图形工作站的输出分辨率超过8K时能否正常的表示WEB页面， 并流畅的显示动画效果。
测试各大主流浏览器对脚本语言(JAVASCRIPT)的解析性能。
测试各大主流浏览器对HTML5特性的支持程度。
综合思虑以上原因选取最佳浏览器进行测试，得出结论:能否满足大屏展示需求。
1.4. 专业术语
详细含义HTML5超文本标记语言，以下简叫作 Html5FPS每秒页面刷新的帧数，小于 24 帧/秒将没法表示动画效果2. 测试环境
为了保准测试结果的有效性，结合现有的硬件资源，选择三台设备做为这次测试的硬件
环境，分别包括一台笔记本、一台台式机、一台图形工作站。
2.1. 笔记本配置
类型 规格
内存 16GB
显卡 NVIDIA GTX1050 4GB
CPU INTEL I7-7700HQ 2.8GHZ 4 核心
分辨率 1920 x 1080(2K)
操作系统 Windows 10 专业版
2.2. 台式机配置
类型 规格
内存 32GB
显卡 AMD WX5100 8GB
CPU INTEL I7-7700 3.6GHZ 4 核心
分辨率3840 x 2160(4K)
操作系统 Windows 10 专业版
2.3. 图形工作站配置
类型 规格
内存 64GB
显卡 AMD FirePro W9000 6GB
CPU E5-2643 V4 3.4GHZ 6 核心
分辨率 7680 x 3240(8K)
操作系统 Windows 8.1 专业版
3. 浏览器选型
选取浏览器最重点的是选取浏览器内核，一般所说的浏览器内核指的是渲染引擎 (Rendering Engine)，除此之外，浏览器内核还包括一个非常要紧的部分——脚本(JS) 解析引擎，二者一起决定了网页加载和表示的性能。
日前主流的浏览器内核有四种，分别是:Trident、Webkit、Gecko、Presto。其表率浏 览器分别为:Microsoft Edge / IE(微软浏览器)、Safari(苹果浏览器) / Chrome(谷 歌浏览器)、Firefox(火狐浏览器)、Opera(欧朋浏览器)。国产浏览器均是基于以上浏 览器内核研发，这次浏览器选型中不思虑国产浏览器。另一，因 Windows10 操作系统并未普 及，这次测试不包括 Microsoft Edge 浏览器。
说明:这次测试运用的浏览器均为当前最新版本。
3.1. 专业网站测试3.1.1. Html5 兼容性测试 以下是 Html5 权威测试网站对各大主流浏览器的测试结果，评分的分值表率了浏览器 对 Html5 特性的支持程度，分值越高兼容性越好，网站位置:http://html5test.com
。 按照该权威网站的测试结果:Chrome57 对 Html5 特性的兼容性最好;其后依次是Opera，Firefox，Edge，Ssfari。IE11 做为最后的 IE 版本，对 Html5 的兼容性仅有 312 分，海量的Html5 新特性在 IE11
| 
发表于 2024-6-30 03:29:21