(19)国家知识产权局 (12)发明 专利 (10)授权公告 号 (45)授权公告日 (21)申请 号 202210985852.5 (22)申请日 2022.08.17 (65)同一申请的已公布的文献号 申请公布号 CN 115061688 A (43)申请公布日 2022.09.16 (73)专利权人 统信软件技 术有限公司 地址 100176 北京市大兴区北京经济技 术 开发区科谷一 街10号院12号楼18层 (72)发明人 施健伟　 (74)专利代理 机构 北京瀚方律师事务所 1 1774 专利代理师 姜莹 (51)Int.Cl. G06F 8/38(2018.01) G06F 9/455(2006.01) G06F 9/451(2018.01)G06F 9/54(2006.01) (56)对比文件 CN 113934959 A,202 2.01.14 CN 114265657 A,202 2.04.01 CN 106371844 A,2017.02.01 CN 113326044 A,2021.08.31 US 2020279014 A1,2020.09.0 3 US 2006242569 A1,20 06.10.26 审查员 刘海莺 (54)发明名称 一种页面效果展示方法、 计算设备及 存储介 质 (57)摘要 本发明涉及网页开发领域， 并公开了一种页 面效果展示方法、 计算设备及存储介质， 并包括 步骤： 响应于页面效果展示请求， 获取用户当前 选中的代码文件； 根据代码文件， 确定代码文件 所属的网页； 根据网页及代码文件， 确定代码文 件在网页对应的文档对象模型中的对应节点， 并 将对应节 点确定为待展示的目标节 点； 解析目标 节点的代码， 获取目标节点的页面样式； 根据目 标节点的页面样式生成展示文件， 对目标节点的 页面效果进行展示。 本发明在用户想要查看页面 样式时， 不需要撰写代码在网页中查看， 通过解 析需要展示的目标节点的代码， 生成展示文件， 实现高效、 轻量化的对要展示的节 点的页面样式 进行呈现， 不需要浏览器对网页代码进行解析。 权利要求书2页 说明书10页 附图5页 CN 115061688 B 2022.11.04 CN 115061688 B 1.一种页面效果展示方法， 适于在计算设备中执 行， 所述方法包括 步骤： 响应于页面效果展示请求， 获取用户当前选中的代码文件； 根据所述代码文件， 确定所述代码文件所属的网页； 根据所述网页及所述代码文件， 确定所述代码文件在所述网页对应的文档对象模型中 的对应节点， 并将所述对应节点确定为待 展示的目标节点； 根据预设样式字段遍历所述目标节点的代码， 确定与所述预设样式字段匹配的代码； 根据与所述预设样式字段匹配的代码确定样式， 作为所述目标节点的页面样式； 根据所述目标节点的页面样式生成展示文件， 对目标节点的页面效果进行展示。 2.如权利要求1所述的方法， 其中， 所述页面样式包括行内样式， 所述预设样式字段包 括行内样式字段， 所述根据与所述预设样 式字段匹配的代码确定样 式， 作为所述 目标节点 的页面样式包括 步骤： 当遍历到与所述行内样式字段匹配的代码， 则从该代码所在代码行确定样式， 得到作 为所述页面样式的行内样式。 3.如权利要求1所述的方法， 其中， 所述页面样式包括内嵌样式， 所述预设样式字段包 括内嵌样式字段， 所述根据与所述预设样 式字段匹配的代码确定样 式， 作为所述 目标节点 的页面样式还 包括步骤： 当遍历到与 所述内嵌样式字段匹配的代码， 则根据 该代码确定所述内嵌样式在代码中 的起始位置和结束位置； 根据内嵌样式在代码中的起始位置和结束位置确定作为页面样式的内嵌样式。 4.如权利要求1所述的方法， 其中， 所述页面样式包括外部样式， 所述预设样式字段包 括外部样式字段， 所述根据与所述预设样 式字段匹配的代码确定样 式， 作为所述 目标节点 的页面样式还 包括步骤： 当遍历到与所述外 部样式字段匹配的代码， 则根据该代码获取外 部样式文件； 根据所述外 部样式文件确定作为页面样式的外 部样式。 5.如权利要求1 ‑4中任一项所述的方法， 其中， 根据所述目标节点的页面样式生成展示 文件包括步骤： 将所述目标节点中包括的页面样式的代码按照预设格式进行存 储， 得到展示文件。 6.如权利要求5所述的方法， 还 包括步骤： 根据预设事件字段解析所述目标节点的代码， 获取所述目标节点中定义的一个或多个 事件； 判断目标节点中定义的每个事件是否完成注册， 并将完成注册的事件作为注册事件， 得到一个或多个注 册事件。 7.如权利要求6所述的方法， 其中， 根据所述目标节点的页面样式生成展示文件， 还包 括步骤： 将所述目标节点中的一个或多个注册事件在所述展示文件中进行存储， 得到可操作的 展示文件。 8.一种计算设备， 包括： 一个或多个处 理器； 存储器； 以及权　利　要　求　书 1/2 页 2 CN 115061688 B 2一个或多个装置， 所述一个或多个装置包括用于执行根据权利要求1 ‑7中任一项所述 的方法的指令 。 9.一种存储一个或多个程序的计算机可读存储介质， 所述一个或多个程序包括指令， 所述指令当由计算设备执行时， 使得所述计算设备执行根据权利要求1 ‑7中任一项所述的 方法。权　利　要　求　书 2/2 页 3 CN 115061688 B 3