(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210240355.2 (22)申请日 2022.03.10 (71)申请人 北京汇元网科技股份有限公司 地址 100089 北京市海淀区海淀北二 街8号 13层1609室 (72)发明人 武战峰　高会芳　吴研冰　 (51)Int.Cl. G06F 16/957(2019.01) G06F 9/445(2018.01) (54)发明名称 一种网页展示优化方法、 装置、 电子设备及 存储介质 (57)摘要 本申请涉及一种网页展示优化方法、 装置、 电子设备及存储介质， 其涉及网页优化技术领 域， 其中方法通过启动OS内核检验引擎校验系统 及系统自带浏览器内核的状态， 并进行初步的系 统环境适配； 在系统环境适配的状态下， 启动 ECMAScrip t标准检查引擎检测客户端浏览器， 以 完成浏览器脚本执行环境的检查， 确定web网页 执行和渲染环境适配； 在web网页执行和渲染环 境适配的状态下， 推动web网页加载， 启动Flex布 局适配引擎， 通过Flex布局适配算法对网页进行 渲染并实施优化， 本发明方案 具备基于 Flex布局 方式的一套布局方案， 可 以完美应对各分辨率、 尺寸的屏幕。 本发明方案整合现有主流操作系统 特点， 个性化应对系统及系统自带浏览器内核的 变化所可能引发的兼容 性问题。 权利要求书2页 说明书7页 附图3页 CN 114707089 A 2022.07.05 CN 114707089 A 1.一种网页展示优化方法， 其特 征在于， 所述优化方法包括以下步骤： 启动OS内核检验引擎校验系统及系统自带浏览器 内核的状态， 并进行初步的系统环境 适配； 在系统环境适配的状态下， 启动ECMAScript标准检查引擎检测客户端浏览器， 以完成 浏览器脚本执 行环境的检查， 确定web网页执 行和渲染环境 适配； 在web网页执行和渲染环境适配的状态下， 推动web网页加载， 启动Flex布局适配引擎， 通过Flex布局适配算法对网页进行渲染并实施优化， 以完成web网页最终适配。 2.根据权利要求1所述的优化方法， 其特征在于， 所述启动OS内核检验引擎校验系统及 系统自带浏览器内核的状态， 并进行初步的系统环境 适配包括以下步骤： 检查系统内核版本， 针对内核版本， 按需启用功能进行系统适配； 检查浏览器内核版本， 根据内核版本启用对应的兼容模式。 3.根据权利要求1所述的优化方法， 其特征在于， 所述在系统环境适配的状态下， 启动 ECMAScript标准检查引擎检测客户端浏览器， 以完成浏览器脚本执行环 境的检查， 确定web 网页执行和渲染环境 适配包括以下步骤： 在系统环境适配的状态下， 启动ECMAScript标准检查引擎检测客户端浏览器检查浏览 器脚本执 行环境是否适配； 若浏览器脚本执行环境不适配， 启用低版本内核模式适配网页， 以保证脚本语言可以 正常执行。 4.根据权利要求1所述的优化方法， 其特征在于， 所述通过Flex布局适配算法对网页进 行渲染并实施优化包括以下步骤： 确定Flex容器和Flex项目， 确定网页标签元 素占位状态； 根据网页标签元素占位状态， 确定水平的主轴和垂直的交叉轴， 以便确认元素间空隙 布局情况； 对所述网页标签元素的位置和网页标签元素间 隙适配渲染， 根据浏览器当前可视窗口 尺寸， 动态配置容器属性 值以适合当前可视窗口 的展示形态。 5.根据权利要求1所述的优化方法， 其特征在于， 所述容器属性值包括： flex ‑ direction、 flex ‑wrap、 flex ‑flow、 justify ‑content、 align ‑items、 align ‑content和项目 属性： order、 flex ‑grow、 flex‑shrink、 flex‑basis、 flex、 al ign‑self的值。 6.根据权利要求3所述的优化方法， 其特征在于， 所述启动 ECMAScript标准检查引擎检 测客户端浏览器检查浏览器脚本执行环境是否适配， 包括， 开发框架是否适配， 脚本语言是 否适配。 7.一种网页展示优化装置， 其特 征在于， 所述优化装置包括： OS内核校验引擎启动模块， 用于启动OS内核检验引擎校验系统及系统自带浏览器 内核 的状态， 并进行初步的系统环境 适配； ECMAScript标准检查引擎启动模块， 用于在系统环境适配的状态下， 启动ECMAScript 标准检查引擎检测客户端浏览器， 以完成浏览器脚本执行环境的检查， 确定web网页执行和 渲染环境 适配； Flex布局模块， 用于在web网页执行和渲染环境适配的状态下， 推动web网页加载， 启动 Flex布局适配引擎， 通过Flex布局适配算法对网页进 行渲染并实施优化， 以完成web网页最权　利　要　求　书 1/2 页 2 CN 114707089 A 2终适配。 8.根据权利要求7 所述的优化装置， 其特 征在于， 包括： 元素确定单 元， 用于确定Flex容器和Flex项目， 确定网页标签元 素占位状态； 布局确定单元， 根据网页 标签元素占位状态， 确定水平的主轴和 垂直的交叉轴， 以便确 认元素间空隙布局情况； 展示单元， 对所述网页标签元素的位置和网页标签元素间隙适配渲染， 根据浏览器当 前可视窗口尺寸， 动态配置容器属性 值以适合当前可视窗口 的展示形态。 9.一种电子设备， 其特征在于， 包括存储器和处理器， 所述存储器上存储有能够被处理 器加载并执 行如权利要求1至 6中任一种方法的计算机程序。 10.一种计算机可读存储介质， 其特征在于， 存储有能够被处理器加载并执行如权利要 求1至6中任一种方法的计算机程序。权　利　要　求　书 2/2 页 3 CN 114707089 A 3