网页解析方法、系统、设备及计算机可读存储介质技术方案

本发明专利技术公开了一种网页解析方法、系统、设备及计算机可读存储介质，所述方法包括：获取目标网页的目标脚本代码，解析所述目标脚本代码得到目标字节码；将所述目标字节码发送至本地浏览器，以供所述本地浏览器执行所述目标字节码以打开所述目标网页。上述方法通过将本地浏览器加载网页时最为耗时的网页脚本代码解析操作搬移到服务器上，利用服务器的高性能特性，在网页脚本代码在通过服务器传输本地浏览器过程之前就对其进行解析，使得本地浏览器能够直接从服务器上接收到已解析的代码并直接执行，而无需再对其进行解析。由于服务器的解析能力势必强于本地浏览器，从而大大优化了网页的打开速度。页的打开速度。页的打开速度。

【技术实现步骤摘要】
网页解析方法、系统、设备及计算机可读存储介质


[0001]本专利技术涉及计算机
，尤其涉及一种网页解析方法、系统、设备及计算机可读存储介质。

技术介绍

[0002]随着数字通信技术的快速发展，数字电视应用也越来越广泛。目前的海外数字电视应用，例如HBBTV(Hybrid Broadcast/Broadband TV)、FVP(FreeView Play)等，基本都是以网页方式，通过浏览器解析应用页面对应的Javascript代码以呈现出来。而随着5G时代来临，网速已经不再是影响网页开发速度的瓶颈。通过Google devtools工具发现，在目前网页打开过程中，最耗时的就是浏览器将JavaScript解析成字节码的环节，若是需要打开一个复杂的应用，在此环节上的耗时可以达到4秒左右。上述情况反映出海外数字电视的应用页面打开耗时较长的问题。

技术实现思路

[0003]本专利技术的主要目的在于提供一种网页解析方法、系统、设备及计算机可读存储介质，旨在解决海外数字电视的应用页面打开耗时较长的技术问题。
[0004]为实现上述目的，本专利技术第一方面提供一种网页解析方法，所述网页解析方法应用于服务器，所述网页解析方法包括：
[0005]获取目标网页的目标脚本代码，解析所述目标脚本代码得到目标字节码；
[0006]将所述目标字节码发送至本地浏览器，以供所述本地浏览器执行所述目标字节码以打开所述目标网页。
[0007]可选地，所述解析所述目标脚本代码得到目标字节码的步骤包括：<br/>[0008]基于所述服务器中安插的脚本解析器，将所述目标脚本代码进行语义及语法解析，输出抽象语法树；
[0009]利用所述脚本解析器中的解释器将所述抽象语法树转换为所述目标字节码。
[0010]可选地，所述将所述目标字节码发送至本地浏览器的步骤包括：
[0011]将所述目标字节码基于所述本地浏览器中预设的字节码接收接口发送至本地浏览器。
[0012]可选地，所述获取目标网页的目标脚本代码，解析所述目标脚本代码得到目标字节码的步骤之后，还包括：
[0013]将所述目标字节码进行备份处理。
[0014]为实现上述目的，本专利技术第二方面还提供一种网页解析方法，所述网页解析方法应用于本地浏览器，所述网页解析方法包括：
[0015]获取目标网页的主资源，并将所述主资源解析成DOM树；
[0016]接收并执行由服务器发送的所述目标网页的目标字节码，以基于所述目标字节码和所述DOM树生成CSSOM树；
[0017]基于所述CSSOM树绘制显示所述目标网页。
[0018]可选地，所述接收并执行由服务器发送的所述目标网页的目标字节码，以基于所述目标字节码和所述DOM树生成CSSOM树的步骤包括：
[0019]接收由所述服务器发送的目标字节码以及所述目标网页对应的层叠样式表；
[0020]执行所述目标字节码，并基于所述层叠样式表对所述DOM树添加样式，生成所述CSSOM树。
[0021]可选地，所述基于所述CSSOM树绘制显示所述目标网页的步骤包括：
[0022]从所述CSSOM树的根节点开始遍历所述CSSOM树中的每一可见节点，将每一所述可见节点进行布局并绘制，以显示所述目标网页。
[0023]此外，为实现上述目的，本专利技术第三方面还提供一种网页解析系统，所述网页解析系统包括服务器和本地浏览器，所述网页解析系统执行以下操作：
[0024]所述本地浏览器获取目标网页的主资源，并将所述主资源解析成DOM树；
[0025]所述服务器获取所述目标网页的目标脚本代码，解析所述目标脚本代码得到目标字节码；
[0026]所述服务器将所述目标字节码发送至所述本地浏览器；
[0027]所述本地浏览器接收并执行由所述服务器发送的所述目标网页的目标字节码，以基于所述目标字节码和所述DOM树生成CSSOM树；
[0028]所述本地浏览器基于所述CSSOM树绘制显示所述目标网页。
[0029]此外，为实现上述目的，本专利技术第四方面还提供一种网页解析装置，所述网页解析装置设于服务器，所述网页解析装置包括：
[0030]脚本代码解析模块，用于获取目标网页的目标脚本代码，解析所述目标脚本代码得到目标字节码；
[0031]目标代码发送模块，用于将所述目标字节码发送至本地浏览器，以供所述本地浏览器执行所述目标字节码以打开所述目标网页。
[0032]可选地，所述脚本代码解析模块包括：
[0033]语法解析单元，用于基于所述服务器中安插的脚本解析器，将所述目标脚本代码进行语义及语法解析，输出抽象语法树；
[0034]代码转换单元，用于利用所述脚本解析器中的解释器将所述抽象语法树转换为所述目标字节码。
[0035]可选地，所述目标代码发送模块包括：
[0036]接口发送单元，用于将所述目标字节码基于所述本地浏览器中预设的字节码接收接口发送至本地浏览器。
[0037]可选地，所述网页解析装置还包括：
[0038]代码备份模块，用于将所述目标字节码进行备份处理。
[0039]此外，为实现上述目的，本专利技术第五方面还提供一种网页解析装置，所述网页解析装置设于本地浏览器，所述网页解析装置包括：
[0040]网页资源解析模块，用于获取目标网页的主资源，并将所述主资源解析成DOM树；
[0041]目标代码执行模块，用于接收并执行由服务器发送的所述目标网页的目标字节码，以基于所述目标字节码和所述DOM树生成CSSOM树；
[0042]目标网页显示模块，用于基于所述CSSOM树绘制显示所述目标网页。
[0043]可选地，所述目标代码执行模块包括：
[0044]网页信息接收单元，用于接收由所述服务器发送的目标字节码以及所述目标网页对应的层叠样式表；
[0045]网页样式添加单元，用于执行所述目标字节码，并基于所述层叠样式表对所述DOM树添加样式，生成所述CSSOM树。
[0046]可选地，所述目标网页显示模块包括：
[0047]目标网页绘制单元，用于从所述CSSOM树的根节点开始遍历所述CSSOM树中的每一可见节点，将每一所述可见节点进行布局并绘制，以显示所述目标网页。
[0048]此外，为实现上述目的，本专利技术第六方面还提供一种计算机设备，所述计算机设备包括：服务器和/或本地浏览器，所述计算机设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的程序，所述程序被所述处理器执行时实现如上述第一方面任一所述的网页解析方法的步骤，或者所述程序被所述处理器执行时实现如上述第二方面任一所述的网页解析方法的步骤。
[0049]此外，为实现上述目的，本专利技术第七方面还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有程序，所述程序被处理器执行时实现如上述第一方面任一所述的网页解析方法的步骤，或者所本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页解析方法，其特征在于，所述网页解析方法应用于服务器，所述网页解析方法包括：获取目标网页的目标脚本代码，解析所述目标脚本代码得到目标字节码；将所述目标字节码发送至本地浏览器，以供所述本地浏览器执行所述目标字节码以打开所述目标网页。2.如权利要求1所述网页解析方法，其特征在于，所述解析所述目标脚本代码得到目标字节码的步骤包括：基于所述服务器中安插的脚本解析器，将所述目标脚本代码进行语义及语法解析，输出抽象语法树；利用所述脚本解析器中的解释器将所述抽象语法树转换为所述目标字节码。3.如权利要求1所述网页解析方法，其特征在于，所述将所述目标字节码发送至本地浏览器的步骤包括：将所述目标字节码基于所述本地浏览器中预设的字节码接收接口发送至本地浏览器。4.如权利要求1
‑
3中任一项所述网页解析方法，其特征在于，所述获取目标网页的目标脚本代码，解析所述目标脚本代码得到目标字节码的步骤之后，还包括：将所述目标字节码进行备份处理。5.一种网页解析方法，其特征在于，所述网页解析方法应用于本地浏览器，所述网页解析方法包括：获取目标网页的主资源，并将所述主资源解析成DOM树；接收并执行由服务器发送的所述目标网页的目标字节码，以基于所述目标字节码和所述DOM树生成CSSOM树；基于所述CSSOM树绘制显示所述目标网页。6.如权利要求5所述网页解析方法，其特征在于，所述接收并执行由服务器发送的所述目标网页的目标字节码，以基于所述目标字节码和所述DOM树生成CSSOM树的步骤包括：接收由所述服务器发送的目标字节码以及所...

【专利技术属性】
技术研发人员：钟志威，
申请(专利权)人：深圳TCL新技术有限公司，
类型：发明
国别省市：