网页渲染方法、网页制作方法及网页渲染系统.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113326043A(43)申请公布日2021.08.31(21)申请号202110576741.4(22)申请日2021.05.26(71)申请人上海哔哩哔哩科技有限公司地址200433上海市杨浦区四平路1945号1641室(72)发明人罗旭廷林静英邵帅(74)专利代理机构北京智信禾专利代理有限公司11637代理人刘晓楠(51)Int.Cl.G06F8/38(2018.01)G06F16/958(2019.01)权利要求书3页说明书18页附图6页(54)发明名称网页渲染方法、网页制作方法及网页渲染系统(57)摘要本申请提供网页渲染方法、网页制作方法及网页渲染系统，其中网页渲染方法包括：向访问服务器发送网页访问请求，并接收访问服务器返回的目标网页的超文本标记语言代码，超文本标记语言代码为网页制作服务器生成并存储至访问服务器的代码；确定超文本标记语言代码中是否包括交互代码块；在超文本标记语言代码中包括交互代码块的情况下，渲染超文本标记语言代码中的首屏代码，并将超文本标记语言代码中的文档对象模型转换为动态文档对象模型，得到渲染后的目标网页。如此，客户端只需确定超文本标记语言代码中是否包括交互代码块，并在包括时将文档对象模型转换为动态文档对象模型，无需重新加载交互逻辑，提高了网页的渲染效率。CN113326043ACN113326043A权利要求书1/3页1.一种网页渲染方法，其特征在于，应用于客户端，包括：向访问服务器发送网页访问请求，并接收所述访问服务器返回的目标网页的超文本标记语言代码，所述超文本标记语言代码为网页制作服务器生成并存储至所述访问服务器的代码；确定所述超文本标记语言代码中是否包括交互代码块；在所述超文本标记语言代码中包括交互代码块的情况下，渲染所述超文本标记语言代码中的首屏代码，并将所述超文本标记语言代码中的文档对象模型转换为动态文档对象模型，得到渲染后的目标网页。2.根据权利要求1所述的网页渲染方法，其特征在于，确定所述超文本标记语言代码中是否包括交互代码块之后，还包括：在所述超文本标记语言代码中不包括交互代码块的情况下，渲染所述超文本标记语言代码中的首屏代码，得到渲染后的目标网页。3.根据权利要求1或2所述的网页渲染方法，其特征在于，确定所述超文本标记语言代码中是否包括交互代码块，包括：查找所述超文本标记语言代码中的文档对象模型的对象标记；在所述对象标记为预设存在标记的情况下，确定所述超文本标记语言代码中包括所述交互代码块；在所述对象标记为预设不存在标记的情况下，确定所述超文本标记语言代码中不包括所述交互代码块。4.根据权利要求2所述的网页渲染方法，其特征在于，接收所述访问服务器返回的目标网页的超文本标记语言代码，包括：接收所述访问服务器返回的目标网页的超文本标记语言代码和资源存储文件；相应地，渲染所述超文本标记语言代码中的首屏代码，得到渲染后的目标网页，包括：根据所述超文本标记语言代码和资源存储文件，渲染所述超文本标记语言代码中的首屏代码，得到渲染后的目标网页。5.一种网页制作方法，其特征在于，应用于网页制作服务器，包括：接收目标网页的网页数据；根据所述网页数据和目标网页模板，生成所述目标网页的首屏页面代码；在所述网页数据中包括预设交互内容的情况下，在所述首屏页面代码中添加交互代码块；将添加有所述交互代码块的首屏页面代码确定为所述目标网页的超文本标记语言代码，并将所述目标网页的超文本标记语言代码推送至访问服务器。6.根据权利要求5所述的网页制作方法，其特征在于，在所述网页数据中包括预设交互内容的情况下，在所述首屏页面代码中添加交互代码块之前，还包括：查找所述网页数据，确定所述网页数据中是否包括预设组件字段；在所述网页数据中包括所述预设组件字段的情况下，确定所述网页数据中包括所述预设交互内容。7.根据权利要求6所述的网页制作方法，其特征在于，查找所述网页数据，确定所述网页数据中是否包括预设组件字段，包括：2CN113326043A权利要求书2/3页将所述网页数据进行序列化，得到所述网页数据对应的一维数组；对所述网页数据对应的一维数组进行遍历，确定所述网页数据中是否包括所述预设组件字段。8.根据权利要求6所述的网页制作方法，其特征在于，在所述网页数据中包括预设组件字段的情况下，确定所述网页数据中包括所述预设交互内容，包括：在所述预设组件字段为表单组件的字段时，获取所述表单组件对应的表单数据，并确定所述表单数据对应的一维数组；对所述表单数据对应的一维数组进行遍历，确定所述表单数据中是否包括预设输入字段；在所述表单数据包括所述预设输入字段的情况下，确定所述网页数据中包括所述预设交互内容。9.根据权利要求5‑8任一项所述的网页制作方法，其特