CN111294395A - 一种终端页面传输方法、装置、介质和电子设备 - Google Patents
一种终端页面传输方法、装置、介质和电子设备 Download PDFInfo
- Publication number
- CN111294395A CN111294395A CN202010066429.6A CN202010066429A CN111294395A CN 111294395 A CN111294395 A CN 111294395A CN 202010066429 A CN202010066429 A CN 202010066429A CN 111294395 A CN111294395 A CN 111294395A
- Authority
- CN
- China
- Prior art keywords
- page
- file
- constructing
- terminal
- server
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 230000005540 biological transmission Effects 0.000 title claims abstract description 100
- 238000000034 method Methods 0.000 title claims abstract description 55
- 239000003550 marker Substances 0.000 claims abstract description 38
- 238000009877 rendering Methods 0.000 claims abstract description 35
- 230000004044 response Effects 0.000 claims abstract description 16
- 238000004590 computer program Methods 0.000 claims description 9
- 230000002194 synthesizing effect Effects 0.000 claims description 3
- 201000001432 Coffin-Siris syndrome Diseases 0.000 description 25
- 238000010794 Cyclic Steam Stimulation Methods 0.000 description 25
- 238000010586 diagram Methods 0.000 description 14
- 230000008569 process Effects 0.000 description 13
- 238000012546 transfer Methods 0.000 description 11
- 238000004891 communication Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 10
- 238000012545 processing Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 4
- 230000009471 action Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 239000008186 active pharmaceutical agent Substances 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例涉及一种终端页面传输方法、装置、介质及电子设备,该方法包括:向服务端发送文件传输请求;接收服务端通过响应文件传输请求而返回的用于构建页面的文件,并存储在本地存储器中;向服务端发送html页面传输服务请求;接收服务端通过响应html页面传输服务请求而返回的纯标记符的html页面;基于纯标记符的html页面从本地存储器中获取并加载用于构建页面的文件,并通过对纯标记符的html页面进行解析和渲染。本发明通过改变页面传输方式,先将页面加载需要的文件传输给终端并存储,再根据html页面尽快从本地存储的文件进行页面解析和渲染,避免网络故障导致因无法及时记载文件出现白屏的问题。
Description
技术领域
本发明涉及互联网技术领域,尤其涉及一种终端页面传输方法、装置、介质及电子设备。
背景技术
传统的自助终端目前多数用客户端原生本地代码方式进行加载,所以不存在客户端/服务端的通信不稳定因素而导致页面无法加载的情况出现。但随着html5页面技术的普及,自助终端的客户端是通过服务端进行加载页面的,此时需保证自助终端的首页和其他功能性页面需一次加载成功。
但是,就当前的自助终端应用使用场景而言,其网络不稳定因素是客观存在,因此自助终端在首次从服务器端加载功能页面时,会偶发性地无法获取需要加载的功能页面而出现白屏的情况,且问题不好重现和修复,导致自助终端的用户体验极速下降。这种问题的原因主要由于自助终端浏览器内核在顺序解析服务端传输过来的页面元素时,若较多的层叠样式表(Cascading Style Sheets,简称CSS)文件和JavaScript代码需要同步解析渲染,此时如果网络不稳定,那么浏览器内核将终止对整个页面进行解析,便导致自助终端出现白屏的情况。
基于上述,现有技术中自助终端因网络不稳定出现白屏的问题。
上述缺陷是本领域技术人员期望克服的。
发明内容
(一)要解决的技术问题
为了解决现有技术的上述问题,本发明提供一种终端页面传输方法、装置、介质及电子设备,解决现有技术中自助终端在加载服务端页面时出现白屏的问题。
(二)技术方案
为了达到上述目的,本发明采用的主要技术方案包括:
根据本发明实施例的第一方面,提供了本发明提供一种终端页面传输方法,其包括:
向服务端发送文件传输请求;
接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件,并存储在本地存储器中;
向服务端发送html页面传输服务请求;
接收服务端通过响应所述html页面传输服务请求而返回的纯标记符的html页面;
基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件,并通过对所述纯标记符的html页面进行解析和渲染。
在本发明的一种示例性实施例中,所述文件传输请求为针对终端的首页和功能页的页面构建所需文件的请求。
在本发明的一种示例性实施例中,所述用于构建页面的文件包括页面中的图片文件、CSS文件和Javascript文件。
在本发明的一种示例性实施例中,接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件之后,还包括:
针对收到的所述用于构建页面的文件获取版本标识;
将所述版本标识与本地存储器中已存储的文件版本标识进行比较,如果所述版本标识与本地存储器中已存储的文件版本标识不同,则更新本地存储器中的文件。
在本发明的一种示例性实施例中,所述纯标记符的html页面中包括所述本地存储器中存储图片文件、CSS文件和Javascript文件的绝对地址。
在本发明的一种示例性实施例中,所述基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件包括:
按照图片文件的绝对地址从所述本地存储器中加载用于构建页面的图片文件;
按照CSS文件的绝对地址从所述本地存储器中加载用于构建页面的CSS文件;
按照Javascript文件的绝对地址从所述本地存储器中加载用于构建页面的Javascript文件。
在本发明的一种示例性实施例中,所述从所述通过对所述纯标记符的html页面进行解析和渲染包括:
对所述纯标记符的html页面进行解析构建DOM树;
对所述用于构建页面的CSS文件进行解析构建CSS规则树;
将所述DOM树和所述CSS规则树进行合成,生成渲染树;
基于所述渲染树结合所述用于构建页面的图片文件和所述用于构建页面的Javascript文件,按照浏览器内核渲染规则进行页面绘制。
根据本发明实施例的第二方面,提供一种终端页面传输装置,包括:
文件请求模块,配置为向服务端发送文件传输请求;
文件存储模块,配置为接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件,并存储在本地存储器中;
页面请求模块,配置为向服务端发送html页面传输服务请求;
页面接收模块,配置为接收服务端通过响应所述html页面传输服务请求而返回的纯标记符的html页面;
解析渲染模块,配置为基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件,并通过对所述纯标记符的html页面进行解析和渲染。
根据本发明实施例的第三方面,提供一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现以上所述的终端页面传输方法的步骤。
根据本发明实施例的第四方面,提供一种电子设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现以上所述的终端页面传输方法。
(三)有益效果
本发明的有益效果是:本发明实施例提供的终端页面传输方法、装置、介质及电子设备,通过改变页面传输方式,先将页面加载需要的文件传输给终端并进行存储,然后再获取纯标记符的html页面,进而可以根据html页面尽快从本地存储的文件进行页面解析和渲染,避免网络故障导致因无法及时记载文件出现白屏的问题。
附图说明
图1为本发明相关实施例中提供的传统自助终端进行页面传输的原理示意图;
图2为根据一示例性实施例示出的一种终端页面传输方法及装置的系统场景框图;
图3为本发明一实施例提供的一种终端页面传输方法的流程示意图;
图4为为本发明一实施例中根据图3所示方法进行自助终端页面传输的原理示意图;
图5为本发明另一实施例提供的一种基于终端页面传输装置的示意图;
图6为本发明再一实施例中提供的一种电子设备的计算机系统的结构示意图。
具体实施方式
为了更好的解释本发明,以便于理解,下面结合附图,通过具体实施方式,对本发明作详细描述。
本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中在本发明的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本发明。本文所使用的术语“和/或”包括一个或多个相关的所列项目的任意的和所有的组合。
图1为本发明相关实施例中提供的传统自助终端进行页面传输的原理示意图,如图1所示,流程如下:
1.1)自助终端在解析和渲染页面过程中自助终端的浏览器内核向服务端发送html页面传输服务请求;
1.2)自助终端接收服务器返回的图片、CSS、Javascript等文件。
图1中解析和渲染过程中自助终端才从服务端获下载上述文件,由于自助终端下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的,在渲染到页面的某一部分时,需页面中的所有页面元素都已经下载完成。如果解析过程中遇到Javascript脚本或是CSS样式,则下载过程会启用单独的通信连接进行下载,下载后进行解析,在解析过程中,停止页面所有后续页面元素的下载。CSS样式表在下载完成后,将和以前下载的所有样式表一起进行解析,解析完成后,将对此前所有元素(含以前已经渲染的)重新进行渲染。一旦网络不稳定没有收到页面中后续元素的上述文件,则自助终端就会在渲染过程中无法构建文档结构以及填充相应的内容,因此而出现白屏。
基于上述,本发明提出一种终端页面传输方法及装置,以解决上述问题。
图2为根据一示例性实施例示出的一种终端页面传输方法及装置的系统场景框图。
如图2所示,系统架构200可以包括终端设备201、202、203,网络204和服务器205。网络204用以在终端设备201、202、203和服务器205之间提供通信链路的介质。网络204可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备201、202、203通过网络204与服务器205交互,以接收或发送消息等。终端设备201、202、203上可以安装有各种通讯客户端应用,例如部署在营业大厅中用于办理各类业务的自助终端或是安装有可办理业务的用户终端等。
终端设备201、202、203可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于自助业务一体机、智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器205可以是提供各种服务的服务器,例如对用户利用终端设备201、202、203所提出的业务请求提供支持的后台服务器。服务器205可以对接收到的业务请求及相关数据进行分析等处理,并将处理结果反馈给终端设备。
终端设备201、202、203可用于生成文件传输请求或html页面传输服务请求,终端设备201、202、203可将文件传输请求或html页面传输服务请求等发送至服务器205中,终端设备201、202、203可例如向服务端发送文件传输请求;接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件,并存储在本地存储器中;向服务端发送html页面传输服务请求;接收服务端通过响应所述html页面传输服务请求而返回的纯标记符的html页面;以及基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件,并通过对所述纯标记符的html页面进行解析和渲染。
服务器205可例如根据文件传输请求向终端设备提供相应的用于构建页面的文件;服务器205还可例如根据html页面传输服务请求向终端设备提供纯标记符的html页面文件。
在进行页面传输过程中,服务器与终端设备构成页面传输系统,从而可以基于服务器与终端设备的配合实现本发明的终端页面传输方法。
需要说明的是,本发明实施例所提供的终端页面传输方法可以由终端设备执行,相应地,终端页面传输装置可以设置于终端设备中。
为此,本发明提供一种保险智能报价方法、装置、介质及电子设备,下面对本发明的技术方案做具体介绍。
图3为本发明一实施例提供的一种终端页面传输方法的流程示意图,如图3所示,该方法包括以下步骤:
如图3所示,在步骤S310中,向服务端发送文件传输请求;
如图3所示,在步骤S320中,接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件,并存储在本地存储器中;
如图3所示,在步骤S330中,向服务端发送html页面传输服务请求;
如图3所示,在步骤S340中,接收服务端通过响应所述html页面传输服务请求而返回的纯标记符的html页面;
如图3所示,在步骤S350中,基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件,并通过对所述纯标记符的html页面进行解析和渲染。
在图3所示实施例所提供的技术方案中,通过改变页面传输方式,先将页面加载需要的文件传输给终端并进行存储,然后再获取纯标记符的html页面,进而可以根据html页面尽快从本地存储的文件进行页面解析和渲染,避免网络故障导致因无法及时记载文件出现白屏的问题。
以下对图3所示实施例的各个步骤的具体实现进行详细阐述:
在步骤S310中,向服务端发送文件传输请求。
在本发明的一种示例性实施例中,该步骤中所述文件传输请求为针对终端的首页和功能页的页面构建所需文件的请求。需要说明的是,本发明中并不仅限于首页和功能页的页面先发送文件传输请求给服务端,对于其他页面如果页面元素较多的话,也可以采用本发明的方法先向服务端发送文件传输请求。
在本发明的一种示例性实施例中,本发明的页面传输方法主要是针对有页面显示需求的自助终端或是用户终端,因此由自助终端或是用户终端通过设定的通信网络向服务器发送文件传输请求。具体的,该文件传输请求可以是用户通过在自助终端或用户终端发起终端首页和功能页的点击加载请求而发送。
在本发明的一种示例性实施例中,所述用于构建页面的文件包括页面中的图片文件、CSS文件和Javascript文件。其中图片文件包括jpg或png格式的图片。
在步骤S320中,接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件,并存储在本地存储器中。
在本发明的一种示例性实施例中,自助终端或是用户终端收到用于构建页面的文件后,可以直接将其存储在本地服务器(即本地磁盘)中,或是为了减少文件对本地磁盘的占用,可以仅保存最新的用于构建页面的文件,因此接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件之后,还包括:
针对收到的所述用于构建页面的文件获取版本标识;
将所述版本标识与本地存储器中已存储的文件版本标识进行比较,如果所述版本标识与本地存储器中已存储的文件版本标识不同,则说明本地磁盘中存储的文件与服务器不同,需要更新本地存储器中的文件,实现自助终端或用户终端与服务端数据的同步;如果所述版本标识与本地存储器中已存储的文件版本标识相同,则说明本地磁盘中的文件是与服务器同步的最新的文件,不需要更新。
需要说明的是,本实施例中对于文件的版本标识可以根据需要设置在文件中,自助终端或是用户终端收到文件后进行解压后得到版本标识,进而与本地磁盘文件的版本标识进行比较,完成更新;文件的版本标识还可以是直接体现在文件名中,则可以直接通过比较文件名对本地磁盘的文件进行更新。
在本发明的一种示例性实施例中,按照预设路径对用于构建页面的文件进行存储。
在步骤S330中,向服务端发送html页面传输服务请求。
在本发明的一种示例性实施例中,该步骤中自助终端或用户终端可以在收到用于构建页面的文件后自动向服务端发送html页面传输服务请求;或是检测到已接收到用于构建页面的文件后,再次通过获取用户在自助终端或是用户终端的加载请求后向自动向服务端发送html页面传输服务请求。
在本发明的一种示例性实施例中,所述html页面传输服务请求同时还需添加用于构建页面的文件在本地磁盘进行存储的预设路径。
在步骤S340中,接收服务端通过响应所述html页面传输服务请求而返回的纯标记符的html页面。
在本发明的一种示例性实施例中,所述纯标记符的html页面中包括所述本地存储器中存储图片文件、CSS文件和Javascript文件的预设路径物理盘符的绝对地址。
在步骤S350中,基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件,并通过对所述纯标记符的html页面进行解析和渲染。
在本发明的一种示例性实施例中,该步骤中基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件包括:
按照图片文件的绝对地址从所述本地存储器中加载用于构建页面的图片文件;
按照CSS文件的绝对地址从所述本地存储器中加载用于构建页面的CSS文件;
按照Javascript文件的绝对地址从所述本地存储器中加载用于构建页面的Javascript文件。
在本发明的一种示例性实施例中,该步骤中从所述通过对所述纯标记符的html页面进行解析和渲染包括:
首先,对所述纯标记符的html页面进行解析构建DOM((Document Object Model,文档对象模型)树,其中DOM是页面内部逻辑树的文档结构,开发人员可以通过Javascript脚本与之交互数据,以及通过标准API来操作DOM节点。将html文档解析成DOM是完全依照于HTML协议而完成。
其次,对所述用于构建页面的CSS文件进行解析构建CSS规则树。由于仅仅解析得到DOM树,还不能完成页面渲染,还需要通过CSS将效果渲染到指定的DOM节点上,添加默认或设置的渲染样式。
然后,将所述DOM树和所述CSS规则树进行合成,生成渲染树,基于渲染树浏览器进行页面渲染时可以知道网页中有哪些DOM节点、各个DOM节点的CSS定义以及他们的从属关系。
最后,基于所述渲染树结合所述用于构建页面的图片文件和所述用于构建页面的Javascript文件,按照浏览器内核渲染规则进行页面绘制。该过程中包括布局和绘制两部分,布局是对页面元素进行定位的过程,通过遍历各个DOM节点并计算样式,然后创建布局树,在布局树中,包含X、Y坐标和边框大小等属性信息。布局树是一个与DOM树类似的结构,但是它仅仅包含了页面上可见内容相关的信息;绘制的过程中遍历布局树,然后创建绘制记录,绘制记录可以视为是绘制过程的注释。
图4为为本发明一实施例中根据图3所示方法进行自助终端页面传输的原理示意图,如图4所示,流程如下:
4.1)用户在自助终端发起终端首页和功能页的点击加载请求。
4.2)自助终端发起加载请求对应页面所需的图片文件、CSS文件、Javascript文件。
4.3)服务器端返回最新的对应文件包,并解压、替换到程序预设的本地磁盘中。
4.4)自助终端发起加载请求对应页面的传输服务。
4.5)服务器端返回纯标记符的html页面。该html页面的图片文件、css文件和JavaScript文件引用为预设物理盘符的绝对地址。
4.6)通过自助终端浏览器内核进行解析渲染。自助终端浏览器内核从服务端远程加载html页面后,html页面根据浏览器内核渲染规则将需要加载的图片文件、CSS文件和Javascript文件通过绝对地址解析后渲染呈现。
基于图3和图4,本发明中是在进行页面解析和渲染之前,先从服务端获取用于构建页面的图片、CSS、Javascript等文件并存储在本地磁盘中,对于本地磁盘中的文件可以在浏览器内核进行渲染过程中通过将本地磁盘数据复制到内存中,然后通过访问内存直接加载相关文件,不会出现无法加载文件的情形。
综上所述,基于本发明提供的终端页面传输方法,通过改变页面传输方式,先将页面加载需要的文件传输给终端并进行存储,然后再获取纯标记符的html页面,进而可以根据html页面尽快从本地存储的文件进行页面解析和渲染,避免网络故障导致因无法及时记载文件出现白屏的问题。
与上述终端页面传输方法相对应的,图5为本发明另一实施例提供的一种基于终端页面传输装置的示意图,参考图5,该装置500包括:文件请求模块510、文件存储模块520、页面请求模块530、页面接收模块540和解析渲染模块550。
文件请求模块510配置为向服务端发送文件传输请求;文件存储模块520配置为接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件,并存储在本地存储器中;页面请求模块530配置为向服务端发送html页面传输服务请求;页面接收模块540配置为接收服务端通过响应所述html页面传输服务请求而返回的纯标记符的html页面;解析渲染模块550配置为基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件,并通过对所述纯标记符的html页面进行解析和渲染。
由于本发明的示例实施例的终端页面传输装置的各个功能模块与上述图3所示的基于终端页面传输方法的示例实施例的步骤对应,因此对于本发明装置实施例中未披露的细节,请参照本发明上述的基于终端页面传输方法的实施例。
综上所述,采用本发明实施例提供的终端页面传输装置,通过改变页面传输方式,先将页面加载需要的文件传输给终端并进行存储,然后再获取纯标记符的html页面,进而可以根据html页面尽快从本地存储的文件进行页面解析和渲染,避免网络故障导致因无法及时记载文件出现白屏的问题。
下面参考图6,其示出了适于用来实现本发明实施例的电子设备的计算机系统的结构示意图。图6示出的电子设备的计算机系统600仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图6所示,计算机系统600包括中央处理单元(CPU)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有系统操作所需的各种程序和数据。CPU601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
以下部件连接至I/O接口605:包括键盘、鼠标等的输入部分606;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607;包括硬盘等的存储部分608;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器610上,以便于从其上读出的计算机程序根据需要被安装入存储部分608。
特别地,根据本发明的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本发明的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分609从网络上被下载和安装,和/或从可拆卸介质611被安装。在该计算机程序被中央处理单元(CPU)601执行时,执行本申请的系统中限定的上述功能。
需要说明的是,本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现,所描述的单元也可以设置在处理器中。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定。
作为另一方面,本申请还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该电子设备执行时,使得该电子设备实现如上述实施例中所述的终端页面传输方法。
例如,所述的电子设备可以实现如图3中所示的:步骤S310,向服务端发送文件传输请求;步骤S320,接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件,并存储在本地存储器中;步骤S330,向服务端发送html页面传输服务请求;步骤S340,接收服务端通过响应所述html页面传输服务请求而返回的纯标记符的html页面;步骤S350,基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件,并通过对所述纯标记符的html页面进行解析和渲染。
应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本发明的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本发明实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、触控终端、或者网络设备等)执行根据本发明实施方式的方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本发明未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本发明的真正范围和精神由下面的权利要求指出。
应当理解的是,本发明并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。
Claims (10)
1.一种终端页面传输方法,其特征在于,其包括:
向服务端发送文件传输请求;
接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件,并存储在本地存储器中;
向服务端发送html页面传输服务请求;
接收服务端通过响应所述html页面传输服务请求而返回的纯标记符的html页面;
基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件,并通过对所述纯标记符的html页面进行解析和渲染。
2.如权利要求1所述的终端页面传输方法,其特征在于,所述文件传输请求为针对终端的首页和功能页的页面构建所需文件的请求。
3.如权利要求1所述的终端页面传输方法,其特征在于,所述用于构建页面的文件包括页面中的图片文件、CSS文件和Javascript文件。
4.如权利要求1所述的终端页面传输方法,其特征在于,接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件之后,还包括:
针对收到的所述用于构建页面的文件获取版本标识;
将所述版本标识与本地存储器中已存储的文件版本标识进行比较,如果所述版本标识与本地存储器中已存储的文件版本标识不同,则更新本地存储器中的文件。
5.如权利要求3所述的终端页面传输方法,其特征在于,所述纯标记符的html页面中包括所述本地存储器中存储图片文件、CSS文件和Javascript文件的绝对地址。
6.如权利要求5所述的终端页面传输方法,其特征在于,所述基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件包括:
按照图片文件的绝对地址从所述本地存储器中加载用于构建页面的图片文件;
按照CSS文件的绝对地址从所述本地存储器中加载用于构建页面的CSS文件;
按照Javascript文件的绝对地址从所述本地存储器中加载用于构建页面的Javascript文件。
7.如权利要求6所述的终端页面传输方法,其特征在于,所述从所述通过对所述纯标记符的html页面进行解析和渲染包括:
对所述纯标记符的html页面进行解析构建DOM树;
对所述用于构建页面的CSS文件进行解析构建CSS规则树;
将所述DOM树和所述CSS规则树进行合成,生成渲染树;
基于所述渲染树结合所述用于构建页面的图片文件和所述用于构建页面的Javascript文件,按照浏览器内核渲染规则进行页面绘制。
8.一种终端页面传输装置,其特征在于,包括:
文件请求模块,配置为向服务端发送文件传输请求;
文件存储模块,配置为接收服务端通过响应所述文件传输请求而返回的用于构建页面的文件,并存储在本地存储器中;
页面请求模块,配置为向服务端发送html页面传输服务请求;
页面接收模块,配置为接收服务端通过响应所述html页面传输服务请求而返回的纯标记符的html页面;
解析渲染模块,配置为基于纯标记符的html页面从所述本地存储器中获取并加载所述用于构建页面的文件,并通过对所述纯标记符的html页面进行解析和渲染。
9.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1至7中任一项所述的终端页面传输方法的步骤。
10.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如权利要求1至7中任一项所述的终端页面传输方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010066429.6A CN111294395A (zh) | 2020-01-20 | 2020-01-20 | 一种终端页面传输方法、装置、介质和电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010066429.6A CN111294395A (zh) | 2020-01-20 | 2020-01-20 | 一种终端页面传输方法、装置、介质和电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111294395A true CN111294395A (zh) | 2020-06-16 |
Family
ID=71030371
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010066429.6A Pending CN111294395A (zh) | 2020-01-20 | 2020-01-20 | 一种终端页面传输方法、装置、介质和电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111294395A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112214701A (zh) * | 2020-10-14 | 2021-01-12 | 青岛海尔科技有限公司 | 页面的展示方法及系统、存储介质、电子装置 |
CN112347404A (zh) * | 2020-10-26 | 2021-02-09 | 长沙市到家悠享网络科技有限公司 | Spa页面渲染方法、设备、系统及存储介质 |
CN112732255A (zh) * | 2020-12-29 | 2021-04-30 | 特赞(上海)信息科技有限公司 | 渲染方法、装置、设备和存储介质 |
CN112948018A (zh) * | 2021-03-01 | 2021-06-11 | 北京百度网讯科技有限公司 | 用于小程序的动态库加载方法、装置、设备及介质 |
CN114611039A (zh) * | 2022-02-25 | 2022-06-10 | 盐城金堤科技有限公司 | 异步加载规则的解析方法、装置、存储介质和电子设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102624910A (zh) * | 2012-03-15 | 2012-08-01 | 华为技术有限公司 | 处理用户选取的网页内容的方法、装置及系统 |
CN102663002A (zh) * | 2012-03-16 | 2012-09-12 | 掌中帷幄(北京)科技有限公司 | 结构化文档的渲染方法及系统 |
US20170346876A1 (en) * | 2016-05-27 | 2017-11-30 | Microsoft Technology Licensing, Llc | Web page accelerations for web application hosted in native mobile application |
CN107526751A (zh) * | 2016-06-22 | 2017-12-29 | 广州市动景计算机科技有限公司 | 网页的加载方法、客户端、网页服务器及可编程设备 |
CN110442815A (zh) * | 2019-06-24 | 2019-11-12 | 北京奇艺世纪科技有限公司 | 页面生成方法、系统、装置及计算机可读存储介质 |
-
2020
- 2020-01-20 CN CN202010066429.6A patent/CN111294395A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102624910A (zh) * | 2012-03-15 | 2012-08-01 | 华为技术有限公司 | 处理用户选取的网页内容的方法、装置及系统 |
CN102663002A (zh) * | 2012-03-16 | 2012-09-12 | 掌中帷幄(北京)科技有限公司 | 结构化文档的渲染方法及系统 |
US20170346876A1 (en) * | 2016-05-27 | 2017-11-30 | Microsoft Technology Licensing, Llc | Web page accelerations for web application hosted in native mobile application |
CN107526751A (zh) * | 2016-06-22 | 2017-12-29 | 广州市动景计算机科技有限公司 | 网页的加载方法、客户端、网页服务器及可编程设备 |
CN110442815A (zh) * | 2019-06-24 | 2019-11-12 | 北京奇艺世纪科技有限公司 | 页面生成方法、系统、装置及计算机可读存储介质 |
Non-Patent Citations (4)
Title |
---|
CLAREBABY504: "html网页渲染的基本过程", 《CSDN》 * |
ZHUXQ: "页面渲染机制(一、DOM和CSSOM树的构建)", 《博客园》 * |
东方的CSDN: "网页是如何渲染出来的,dom树和css树是如何合并的,浏览器的运行机制是什么,什么是否会造成渲染阻塞?", 《CSDN》 * |
佚名: "图解Chrome:HTML/CSS/JS是如何在浏览器中,渲染成你看到的页面?", 《51CTO》 * |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112214701A (zh) * | 2020-10-14 | 2021-01-12 | 青岛海尔科技有限公司 | 页面的展示方法及系统、存储介质、电子装置 |
CN112347404A (zh) * | 2020-10-26 | 2021-02-09 | 长沙市到家悠享网络科技有限公司 | Spa页面渲染方法、设备、系统及存储介质 |
CN112732255A (zh) * | 2020-12-29 | 2021-04-30 | 特赞(上海)信息科技有限公司 | 渲染方法、装置、设备和存储介质 |
CN112732255B (zh) * | 2020-12-29 | 2024-05-03 | 特赞(上海)信息科技有限公司 | 渲染方法、装置、设备和存储介质 |
CN112948018A (zh) * | 2021-03-01 | 2021-06-11 | 北京百度网讯科技有限公司 | 用于小程序的动态库加载方法、装置、设备及介质 |
CN112948018B (zh) * | 2021-03-01 | 2023-08-01 | 北京百度网讯科技有限公司 | 用于小程序的动态库加载方法、装置、设备及介质 |
CN114611039A (zh) * | 2022-02-25 | 2022-06-10 | 盐城金堤科技有限公司 | 异步加载规则的解析方法、装置、存储介质和电子设备 |
CN114611039B (zh) * | 2022-02-25 | 2024-02-20 | 盐城天眼察微科技有限公司 | 异步加载规则的解析方法、装置、存储介质和电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106991154B (zh) | 网页渲染方法、装置、终端及服务器 | |
CN111294395A (zh) | 一种终端页面传输方法、装置、介质和电子设备 | |
CN109683998B (zh) | 国际化实现方法、装置和系统 | |
CN110020329B (zh) | 用于生成网页的方法、装置和系统 | |
CN113382083B (zh) | 一种网页截图方法和装置 | |
CN113031946A (zh) | 一种渲染页面组件的方法和装置 | |
CN110874251A (zh) | 一种实现图片木桶布局的方法和装置 | |
CN113360106B (zh) | 一种网页打印方法和装置 | |
CN107330087B (zh) | 页面文件生成方法和装置 | |
CN113761871A (zh) | 富文本渲染方法、装置、电子设备以及存储介质 | |
CN114756228A (zh) | 页面处理方法、装置、设备及存储介质 | |
CN110807162A (zh) | 加载占位图的方法和装置 | |
CN110618811B (zh) | 信息呈现方法和装置 | |
CN113282852A (zh) | 编辑网页的方法和装置 | |
CN112486482A (zh) | 一种页面展示方法和装置 | |
CN110647327A (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
CN111367606A (zh) | 一种应用程序页面的显示方法、装置、终端及介质 | |
CN113220381A (zh) | 一种点击数据展示方法和装置 | |
CN113342450B (zh) | 页面处理的方法、装置、电子设备及计算机可读介质 | |
CN114780888A (zh) | 网页图片生成方法、系统、电子设备及存储介质 | |
CN114371838A (zh) | 一种小程序画布渲染方法、装置、设备及存储介质 | |
CN113656041A (zh) | 数据处理方法、装置、设备及存储介质 | |
CN113784194A (zh) | 一种视频播放器的嵌入方法和装置 | |
CN113760279A (zh) | 一种生成页面的方法和装置 | |
CN108459890B (zh) | 用于应用的界面显示方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200616 |