CN109783752A - 页面加载方法及装置、电子设备和计算机可读存储介质 - Google Patents
页面加载方法及装置、电子设备和计算机可读存储介质 Download PDFInfo
- Publication number
- CN109783752A CN109783752A CN201811536830.0A CN201811536830A CN109783752A CN 109783752 A CN109783752 A CN 109783752A CN 201811536830 A CN201811536830 A CN 201811536830A CN 109783752 A CN109783752 A CN 109783752A
- Authority
- CN
- China
- Prior art keywords
- file
- content
- page
- pages
- html file
- 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
- 238000011068 loading method Methods 0.000 title claims abstract description 42
- 238000009877 rendering Methods 0.000 claims abstract description 36
- 238000000034 method Methods 0.000 claims abstract description 22
- 238000003780 insertion Methods 0.000 claims description 28
- 230000037431 insertion Effects 0.000 claims description 28
- 238000005516 engineering process Methods 0.000 abstract description 11
- 230000003993 interaction Effects 0.000 abstract description 11
- 230000006870 function Effects 0.000 description 15
- 238000004891 communication Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 241001417516 Haemulidae Species 0.000 description 4
- 238000001514 detection method Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 230000002452 interceptive effect Effects 0.000 description 4
- 230000004044 response Effects 0.000 description 4
- 238000012795 verification Methods 0.000 description 4
- 230000008859 change Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000006835 compression Effects 0.000 description 2
- 238000007906 compression Methods 0.000 description 2
- 230000008878 coupling Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000007689 inspection Methods 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000005192 partition Methods 0.000 description 1
- 230000001737 promoting effect Effects 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 238000013519 translation Methods 0.000 description 1
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提出了一种页面加载方法及装置、电子设备和计算机可读存储介质，涉及研发管理技术领域，其中，该方法包括：获取页面加载请求，其中，所述页面加载请求中指示了目标html文件的标识信息；根据所述目标html文件的标识信息，通过自动化构建工具在本地的所述目标html文件中动态读取页面内容文件；根据所述页面内容文件，对所述目标html文件对应的页面进行渲染。通过本发明的技术方案，由网页读取本地html文件中的数据的技术方案取代了相关技术中网页向外部请求数据的技术方案，减少了页面与外界的数据交互，使得网页可以更加快捷地获取页面内容文件，简化了网页渲染加载过程，能够节省网页加载的整体时间，既减少了页面本身的负担，也提升了用户体验。
Description
【技术领域】
本发明涉及研发管理技术领域，尤其涉及一种页面加载方法及装置、电子设备和计算机可读存储介质。
【背景技术】
在进行网页渲染时，需要网页生成http(超文本传输协议)请求，从而网页可以请求到资源，并对该资源进行加载，完成网页渲染。
然而，在该技术方案中，由于网页所需加载的资源很多，势必造成大量http请求生成，则网页需要与外部进行的数据交互量就会很大，从而使网页的渲染速度很慢，影响了用户体验。
因此，如何提升网页的渲染速度，成为目前亟待解决的技术问题。
【发明内容】
本发明实施例提供了一种页面加载方法及装置、电子设备和计算机可读存储介质，旨在解决相关技术中因网页与外部数据交互量巨大而造成的网页渲染速度慢的技术问题，能够减少网页与外部的数据交互量，提升网页的渲染速度。
第一方面，本发明实施例提供了一种页面加载方法，包括：获取页面加载请求，其中，所述页面加载请求中指示了目标html文件的标识信息；根据所述目标html文件的标识信息，通过自动化构建工具在本地的所述目标html文件中动态读取页面内容文件；根据所述页面内容文件，对所述目标html文件对应的页面进行渲染。
在本发明上述实施例中，可选地，所述页面内容文件包括js文件和css文件。
在本发明上述实施例中，可选地，在所述获取页面加载请求的步骤之前，还包括：将所述页面内容文件存储至所述目标html文件中。
在本发明上述实施例中，可选地，所述根据所述页面加载请求，通过自动化构建工具在目标html文件中动态读取页面内容文件的步骤，包括：根据所述页面加载请求，确定所请求加载的所述目标html文件；通过所述自动化构建工具将所述页面内容文件动态插入到所述目标html文件中的对应模板位置处。
在本发明上述实施例中，可选地，所述通过所述自动化构建工具将所述页面内容文件动态插入到所述目标html文件中的对应模板位置的步骤，包括：通过所述自动化构建工具，按照随机顺序将每个所述页面内容文件动态插入到所述目标html文件中每个所述页面内容文件的对应模板位置处。
在本发明上述实施例中，可选地，所述通过所述自动化构建工具将所述页面内容文件动态插入到所述目标html文件中的对应模板位置的步骤，包括：根据每个所述页面内容文件的顺序标识或权重，按照所述顺序标识有小到大或按照所述权重由大到小的顺序，将每个所述页面内容文件动态插入到所述目标html文件中每个所述页面内容文件的对应模板位置处。
在本发明上述实施例中，可选地，还包括：在对所述目标html文件对应的页面进行渲染后，删除所述目标html文件中的所述页面内容文件。
第二方面，本发明实施例提供了一种页面加载装置，包括：页面加载请求获取单元，用于获取页面加载请求，其中，所述页面加载请求中指示了目标html文件的标识信息；页面内容动态读取单元，用于根据所述目标html文件的标识信息，通过自动化构建工具在本地的所述目标html文件中动态读取页面内容文件；页面渲染单元，用于根据所述页面内容文件，对所述目标html文件对应的页面进行渲染。
在本发明上述实施例中，可选地，所述页面内容文件包括js文件和css文件。
在本发明上述实施例中，可选地，还包括：页面内容存储单元，用于在所述页面加载请求获取单元获取所述页面加载请求之前，将所述页面内容文件存储至所述目标html文件中。
在本发明上述实施例中，可选地，所述页面内容动态读取单元包括：加载目标确定单元，用于根据所述页面加载请求，确定所请求加载的所述目标html文件；页面内容插入单元，用于通过所述自动化构建工具将所述页面内容文件动态插入到所述目标html文件中的对应模板位置处。
在本发明上述实施例中，可选地，所述页面内容插入单元用于：通过所述自动化构建工具，按照随机顺序将每个所述页面内容文件动态插入到所述目标html文件中每个所述页面内容文件的对应模板位置处。
在本发明上述实施例中，可选地，所述页面内容插入单元用于：根据每个所述页面内容文件的顺序标识或权重，按照所述顺序标识有小到大或按照所述权重由大到小的顺序，将每个所述页面内容文件动态插入到所述目标html文件中每个所述页面内容文件的对应模板位置处。
在本发明上述实施例中，可选地，还包括：页面内容删除单元，用于在对所述目标html文件对应的页面进行渲染后，删除所述目标html文件中的所述页面内容文件。
第三方面，本发明实施例提供了一种电子设备，包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被设置为用于执行上述第一方面中任一项所述的方法。
第四方面，本发明实施例提供了一种计算机可读存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行上述第一方面中任一项所述的方法流程。
通过以上技术方案，针对相关技术中因网页与外部数据交互量巨大而造成的网页渲染速度慢的技术问题，能够减少网页与外部的数据交互量，提升网页的渲染速度。
具体来说，可以将用于网页渲染的页面内容文件直接存储在目标html文件中，这样，在接收到页面加载请求时，页面只需要在存储于本地的该目标html文件中读取页面内容文件即可根据该页面内容文件进行下一步的渲染工作，而无需向外界发送大量http请求以获取待加载的页面内容文件。其中，动态读取是指一边读取页面内容文件，一边将在前已读取的页面内容文件渲染至页面，实现双轨道同时工作，从而提升网页加载效率。
通过以上技术方案，由网页读取本地目标html文件中的数据的技术方案取代了相关技术中网页向外部请求数据的技术方案，减少了页面与外界的数据交互，使得网页可以更加快捷地获取页面内容文件，简化了网页渲染加载过程，能够节省网页加载的整体时间，既减少了页面本身的负担，也提升了用户体验。
【附图说明】
为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
图1示出了本发明的一个实施例的页面加载方法的流程图；
图2示出了本发明的另一个实施例的页面加载方法的流程图；
图3示出了本发明的一个实施例的页面加载装置的框图；
图4示出了本发明的一个实施例的电子设备的框图。
【具体实施方式】
为了更好的理解本发明的技术方案，下面结合附图对本发明实施例进行详细描述。
应当明确，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。
图1示出了本发明的一个实施例的页面加载方法的流程图。
如图1所示，本发明的一个实施例的页面加载方法的流程，包括：
步骤102，获取页面加载请求，其中，所述页面加载请求中指示了目标html文件的标识信息。页面加载请求中指示的标识信息为目标html文件的标识信息，因此，可验证一个html文件的标识信息是否与页面加载请求中指示的标识信息一致，若验证结果为一致，则说明此html文件即为目标html文件，若验证结果不一致，则说明此html文件不是目标html文件，需要继续查找目标html文件。
步骤104，根据所述目标html文件的标识信息，通过自动化构建工具在本地的所述目标html文件中动态读取页面内容文件。
在根据页面加载请求中的标识信息确定目标html文件后，页面只需要在该目标html文件中读取页面内容文件即可根据该页面内容文件进行下一步的渲染工作。其中，由于目标html文件是存储于本地的，故页面内容文件也就位于本地，在进行页面渲染时，可直接读取自身目标html文件中的页面内容文件，而无需向外界发送大量http请求来请求待加载的资源内容，省去了请求和加载外界资源内容所消耗的时间。
上述的自动化构建工具，包括但不限于webpack插件、Grunt、Gulp等。webpack插件可以看做是模块打包机，它做的事情是分析项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss，TypeScript等)，并将其转换和打包为合适的格式供浏览器使用。通过webpack插件等自动化构建工具的加入，可提升页面的兼容性，从而使页面可根据不同类型的页面内容文件实时渲染工作。Grunt则是一种前端自动化小工具，其工作方式是基于任务的命令行构建。Gulp则是一种自动任务运行器，它能自动化地完成javascript、sass、less、html、image、css等多种格式文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。
在所述获取页面加载请求的步骤之前，还包括：将所述页面内容文件存储至所述目标html文件中。也就是说，在进行提前部署时，可直接将已编译的页面内容文件存储至所述目标html文件中，以供在页面进行渲染时，可直接读取自身目标html文件中的页面内容文件，而无需向外界发送大量http请求来请求待加载的资源内容。
步骤106，根据所述页面内容文件，对所述目标html文件对应的页面进行渲染。渲染主要包括：(1)解析加载到的资源，即对页面内容文件进行语法解析，得到解析结果；(2)根据解析结果，构建渲染树；(3)渲染树与页面内容文件附着构造呈现树；(4)按照呈现树对页面进行布局和绘制。
由此，无需向外界发送大量http请求以获取待加载的页面内容文件，其中，动态读取是指一边持续读取目标html文件中的页面内容文件，一边将在前已读取的页面内容文件渲染至页面，实行双轨道同时工作，使得两个步骤同时进行，这样，可以将两个步骤的时间进行交叠，减少整体页面渲染时间，从而提升了网页加载效率。
通过以上技术方案，针对相关技术中因网页与外部数据交互量巨大而造成的网页渲染速度慢的技术问题，能够减少网页与外部的数据交互量，提升网页的渲染速度。也就是说，由网页读取本地目标html文件中的数据的技术方案取代了相关技术中网页向外部请求数据的技术方案，减少了页面与外界的数据交互，使得网页可以更加快捷地获取页面内容文件，简化了网页渲染加载过程，能够节省网页加载的整体时间，既减少了页面本身的负担，也提升了用户体验。
在本发明的一种实现方式中，所述页面内容文件包括js文件和css文件。
js文件为使用JavaScript语言的文件，JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，用来给html网页增加动态功能。
css文件为使用css语言的文件，css(cascading style sheets，层叠样式表)是一种用来表现html或xml(标准通用标记语言的一个子集)等文件样式的计算机语言。css不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
通过以上技术方案，既能够支持使用js文件进行网页渲染，也能够支持使用css文件进行网页渲染，从而能够同时适应以js语言为底层的html网页以及以css文件为底层的html网页。
进一步地，所述页面内容文件包但不限于js文件和css文件，也就是说，所述页面内容文件还可以包括js文件和css文件以外的其他格式的文件。由此，可实现用多种不同格式的页面内容进行网页渲染，提升了网页渲染的兼容性，无需为不同格式的页面内容适配不同的网页渲染方法。
图2示出了本发明的另一个实施例的页面加载方法的流程图。
如图2所示，本发明的另一个实施例的页面加载方法的流程，包括：
步骤202，获取页面加载请求，其中，所述页面加载请求中指示了目标html文件的标识信息。页面加载请求中指示的标识信息为目标html文件的标识信息，因此，可验证一个html文件的标识信息是否与页面加载请求中指示的标识信息一致，若验证结果为一致，则说明此html文件即为目标html文件，若验证结果不一致，则说明此html文件不是目标html文件，需要继续查找目标html文件。
步骤204，根据所述目标html文件的标识信息，通过自动化构建工具在本地的所述目标html文件中动态读取。
步骤206，通过所述自动化构建工具将所述页面内容文件动态插入到所述目标html文件中的对应模板位置处。其中，动态插入是指一边插入页面内容文件，一边将在前已插入的页面内容文件渲染至页面，实现双轨道同时工作，从而提升网页加载效率。自动化构建工具则包括但不限于webpack插件、Grunt、Gulp等。webpack插件可以看做是模块打包机，它做的事情是分析项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss，TypeScript等)，并将其转换和打包为合适的格式供浏览器使用。通过webpack插件等自动化构建工具的加入，可提升页面的兼容性，从而使页面可根据不同类型的页面内容文件实时渲染工作。Grunt则是一种前端自动化小工具，其工作方式是基于任务的命令行构建。Gulp则是一种自动任务运行器，它能自动化地完成javascript、sass、less、html、image、css等多种格式文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。
各页面内容文件对应页面中的不同功能和/或内容，因此，在目标html文件中设置有多个模板位置，每个模板位置具有对应的功能和/或内容，则可将页面内容文件插入到功能和/或内容与所述页面内容文件对应的功能和/或内容一致的模板位置处。其中，判断页面内容文件对应的功能和/或内容与模板位置对应的功能和/或内容是否一致的方式包括但不限于：比对页面内容文件的功能标签与模板位置的功能标签是否一致，若一致，说明页面内容文件对应的功能和/或内容与模板位置对应的功能和/或内容确为一致，可将此页面内容文件动态插入此模板位置。
由此，可以将每个页面内容文件插入到目标html文件中与该页面内容文件的功能和/或内容相匹配的对应模板位置处，这样，在加载渲染页面时，加载到一个模板位置时，即可读取到功能和/或内容相匹配的页面内容文件。
步骤208，根据所述页面内容文件，对所述目标html文件对应的页面进行渲染。
通过以上技术方案，针对相关技术中因网页与外部数据交互量巨大而造成的网页渲染速度慢的技术问题，能够减少网页与外部的数据交互量，提升网页的渲染速度。也就是说，由网页读取本地目标html文件中的数据的技术方案取代了相关技术中网页向外部请求数据的技术方案，减少了页面与外界的数据交互，使得网页可以更加快捷地获取页面内容文件，简化了网页渲染加载过程，能够节省网页加载的整体时间，既减少了页面本身的负担，也提升了用户体验。
其中，在本发明的一种实现方式中，步骤206具体包括：通过所述自动化构建工具，按照随机顺序将每个所述页面内容文件动态插入到所述目标html文件中每个所述页面内容文件的对应模板位置处。即随机加载各个页面内容文件，减少了对加载顺序的控制后，可提升加载速度，以便更加快捷地完成页面渲染。
在本发明的另一种实现方式中，步骤206具体包括：根据每个所述页面内容文件的顺序标识或权重，按照所述顺序标识有小到大或按照所述权重由大到小的顺序，将每个所述页面内容文件动态插入到所述目标html文件中每个所述页面内容文件的对应模板位置处。
在该技术方案中，可为页面内容文件设置顺序标识或权重，按照所述顺序标识有小到大或按照所述权重由大到小的顺序，将页面内容文件依次插入对应模板位置处。在为页面内容文件设置顺序标识或权重时，可按照用户的读取需求从高至低的顺序，或按照页面内容的宣传需求从高至低的顺序，来为页面内容文件设置由小增大的顺序标识或设置由大到小的权重。这样一来，页面渲染时，优先加载的内容就是用户的读取需求更高或页面内容的宣传需求更高的内容，即把用户更想看到的内容或更想让用户看到的内容优先加载，以便使用户首先关注到这些内容，从而实现了页面加载渲染的实用性。
在本发明的一种实现方式中，可选地，还包括：在对所述目标html文件对应的页面进行渲染后，删除所述目标html文件中的所述页面内容文件。在该技术方案中，在加载完页面内容文件后，页面内容文件已无用，可删除页面内容文件，以节省存储空间，减小目标html文件的负担。
另外，在本发明的另一种实现方式中，可选地，读取页面内容文件的方式除了动态读取，还可以为静态读取。静态读取页面内容文件，即在整个页面内容文件读取完成后再通过页面内容文件对页面进行渲染，以保证页面渲染过程不受其他进程的影响，提升了页面渲染过程的准确性。
图3示出了本发明的一个实施例的页面加载装置的框图。
如图3所示，本发明实施例提供了一种页面加载装置300，页面加载装置300包括：页面加载请求获取单元302，用于获取页面加载请求，其中，所述页面加载请求中指示了目标html文件的标识信息；页面内容动态读取单元304，用于根据所述目标html文件的标识信息，通过自动化构建工具在本地的所述目标html文件中动态读取页面内容文件；页面渲染单元306，用于根据所述页面内容文件，对所述目标html文件对应的页面进行渲染。
该页面加载装置300使用图1和图2示出的实施例中任一项所述的方案，因此，具有上述所有技术效果，在此不再赘述。页面加载装置300还具有以下技术特征：
在本发明上述实施例中，可选地，所述页面内容文件包括js文件和css文件。
在本发明上述实施例中，可选地，还包括：页面内容存储单元，用于在所述页面加载请求获取单元302获取所述页面加载请求之前，将所述页面内容文件存储至所述目标html文件中。
在本发明上述实施例中，可选地，所述页面内容动态读取单元304包括：加载目标确定单元，用于根据所述页面加载请求，确定所请求加载的所述目标html文件；页面内容插入单元，用于通过所述自动化构建工具将所述页面内容文件动态插入到所述目标html文件中的对应模板位置处。
在本发明上述实施例中，可选地，所述页面内容插入单元用于：通过所述自动化构建工具，按照随机顺序将每个所述页面内容文件动态插入到所述目标html文件中每个所述页面内容文件的对应模板位置处。
在本发明上述实施例中，可选地，所述页面内容插入单元用于：根据每个所述页面内容文件的顺序标识或权重，按照所述顺序标识有小到大或按照所述权重由大到小的顺序，将每个所述页面内容文件动态插入到所述目标html文件中每个所述页面内容文件的对应模板位置处。
在本发明上述实施例中，可选地，还包括：页面内容删除单元，用于在对所述目标html文件对应的页面进行渲染后，删除所述目标html文件中的所述页面内容文件。
图4示出了本发明的一个实施例的电子设备的框图。
如图4所示，本发明的一个实施例的电子设备400，包括至少一个存储器402；以及，与所述至少一个存储器402通信连接的处理器404；其中，所述存储器存储有可被所述至少一个处理器404执行的指令，所述指令被设置为用于执行上述图1至图2实施例中任一项所述的方案。因此，该电子设备400具有和图1至图2实施例中任一项相同的技术效果，在此不再赘述。
本发明实施例的电子设备以多种形式存在，包括但不限于：
(1)移动通信设备:这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机，以及低端手机等。
(2)超移动个人计算机设备:这类设备属于个人计算机的范畴，有计算和处理功能，一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等，例如iPad。
(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod)，掌上游戏机，电子书，以及智能玩具和便携式车载导航设备。
(4)服务器:提供计算服务的设备，服务器的构成包括处理器、硬盘、内存、系统总线等，服务器和通用的计算机架构类似，但是由于需要提供高可靠的服务，因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。
(5)其他具有数据交互功能的电子装置。
另外，本发明实施例提供了一种计算机可读存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行上述图1和图2实施例中任一项所述的方法流程。
以上结合附图详细说明了本发明的技术方案，通过本发明的技术方案，由网页读取本地目标html文件中的数据的技术方案取代了相关技术中网页向外部请求数据的技术方案，减少了页面与外界的数据交互，使得网页可以更加快捷地获取页面内容文件，简化了网页渲染加载过程，能够节省网页加载的整体时间，既减少了页面本身的负担，也提升了用户体验。
应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。
取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。
在本发明所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机装置(可以是个人计算机，服务器，或者网络装置等)或处理器(Processor)执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。
Claims (10)
1.一种页面加载方法，其特征在于，包括：
获取页面加载请求，其中，所述页面加载请求中指示了目标html文件的标识信息；
根据所述目标html文件的标识信息，通过自动化构建工具在本地的所述目标html文件中动态读取页面内容文件；
根据所述页面内容文件，对所述目标html文件对应的页面进行渲染。
2.根据权利要求1所述的页面加载方法，其特征在于，
所述页面内容文件包括js文件和css文件。
3.根据权利要求2所述的页面加载方法，其特征在于，在所述获取页面加载请求的步骤之前，还包括：
将所述页面内容文件存储至所述目标html文件中。
4.根据权利要求1至3中任一项所述的页面加载方法，其特征在于，所述根据所述页面加载请求，通过自动化构建工具在目标html文件中动态读取页面内容文件的步骤，包括：
根据所述页面加载请求，确定所请求加载的所述目标html文件；
通过所述自动化构建工具将所述页面内容文件动态插入到所述目标html文件中的对应模板位置处。
5.根据权利要求4所述的页面加载方法，其特征在于，所述通过所述自动化构建工具将所述页面内容文件动态插入到所述目标html文件中的对应模板位置的步骤，包括：
通过所述自动化构建工具，按照随机顺序将每个所述页面内容文件动态插入到所述目标html文件中每个所述页面内容文件的对应模板位置处。
6.根据权利要求4所述的页面加载方法，其特征在于，所述通过所述自动化构建工具将所述页面内容文件动态插入到所述目标html文件中的对应模板位置的步骤，包括：
根据每个所述页面内容文件的顺序标识或权重，按照所述顺序标识有小到大或按照所述权重由大到小的顺序，将每个所述页面内容文件动态插入到所述目标html文件中每个所述页面内容文件的对应模板位置处。
7.根据权利要求1所述的页面加载方法，其特征在于，还包括：
在对所述目标html文件对应的页面进行渲染后，删除所述目标html文件中的所述页面内容文件。
8.一种页面加载装置，其特征在于，包括：
页面加载请求获取单元，用于获取页面加载请求，其中，所述页面加载请求中指示了目标html文件的标识信息；
页面内容动态读取单元，用于根据所述目标html文件的标识信息，通过自动化构建工具在本地的所述目标html文件中动态读取页面内容文件；
页面渲染单元，用于根据所述页面内容文件，对所述目标html文件对应的页面进行渲染。
9.一种电子设备，其特征在于，包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；
其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被设置为用于执行上述权利要求1至7中任一项所述的方法。
10.一种计算机可读存储介质，其特征在于，存储有计算机可执行指令，所述计算机可执行指令用于执行如权利要求1至7中任一项所述的方法流程。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811536830.0A CN109783752A (zh) | 2018-12-14 | 2018-12-14 | 页面加载方法及装置、电子设备和计算机可读存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811536830.0A CN109783752A (zh) | 2018-12-14 | 2018-12-14 | 页面加载方法及装置、电子设备和计算机可读存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109783752A true CN109783752A (zh) | 2019-05-21 |
Family
ID=66497077
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811536830.0A Pending CN109783752A (zh) | 2018-12-14 | 2018-12-14 | 页面加载方法及装置、电子设备和计算机可读存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109783752A (zh) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110990731A (zh) * | 2019-10-12 | 2020-04-10 | 平安国际智慧城市科技股份有限公司 | 一种静态网页的渲染方法、装置、设备及计算机存储介质 |
| CN111460348A (zh) * | 2020-03-31 | 2020-07-28 | 网易（杭州）网络有限公司 | 文件处理的方法和装置 |
| CN112799663A (zh) * | 2021-01-22 | 2021-05-14 | 京东方科技集团股份有限公司 | 页面显示方法、装置、计算机可读存储介质及电子设备 |
| CN113064632A (zh) * | 2021-04-07 | 2021-07-02 | 北京读我网络技术有限公司 | 前端项目发布方法及装置 |
| CN113296762A (zh) * | 2021-06-21 | 2021-08-24 | 北京有竹居网络技术有限公司 | 页面嵌入方法、装置、存储介质及电子设备 |
| CN113536180A (zh) * | 2021-06-28 | 2021-10-22 | 北京达佳互联信息技术有限公司 | 项目的处理方法、装置、电子设备、存储介质和程序产品 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140059422A1 (en) * | 2012-08-27 | 2014-02-27 | Qualcomm Innovation Center, Inc. | Re-Ordering of iFrame Execution to Reduce Network Activity Window |
| CN104462231A (zh) * | 2014-11-11 | 2015-03-25 | 北京奇虎科技有限公司 | 网页渲染的方法、装置及系统 |
| US20170083482A1 (en) * | 2015-09-23 | 2017-03-23 | Alibaba Group Holding Limited | System, method, and apparatus for webpage processing |
| CN106790687A (zh) * | 2017-02-17 | 2017-05-31 | 和创（北京）科技股份有限公司 | 网页呈现方法、网页数据处理方法和服务器 |
| CN108549532A (zh) * | 2018-03-14 | 2018-09-18 | 武汉斗鱼网络科技有限公司 | 网页构建方法、装置、电子设备及存储介质 |
-
2018
- 2018-12-14 CN CN201811536830.0A patent/CN109783752A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140059422A1 (en) * | 2012-08-27 | 2014-02-27 | Qualcomm Innovation Center, Inc. | Re-Ordering of iFrame Execution to Reduce Network Activity Window |
| CN104462231A (zh) * | 2014-11-11 | 2015-03-25 | 北京奇虎科技有限公司 | 网页渲染的方法、装置及系统 |
| US20170083482A1 (en) * | 2015-09-23 | 2017-03-23 | Alibaba Group Holding Limited | System, method, and apparatus for webpage processing |
| CN106790687A (zh) * | 2017-02-17 | 2017-05-31 | 和创（北京）科技股份有限公司 | 网页呈现方法、网页数据处理方法和服务器 |
| CN108549532A (zh) * | 2018-03-14 | 2018-09-18 | 武汉斗鱼网络科技有限公司 | 网页构建方法、装置、电子设备及存储介质 |
Non-Patent Citations (1)
| Title |
|---|
| 慧心的眼眸: ""干货| 十分钟读懂浏览器渲染流程"", 《HTTPS://WWW.SOHU.COM/A/223805109_820120》 * |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110990731A (zh) * | 2019-10-12 | 2020-04-10 | 平安国际智慧城市科技股份有限公司 | 一种静态网页的渲染方法、装置、设备及计算机存储介质 |
| CN111460348A (zh) * | 2020-03-31 | 2020-07-28 | 网易（杭州）网络有限公司 | 文件处理的方法和装置 |
| CN111460348B (zh) * | 2020-03-31 | 2024-04-19 | 网易（杭州）网络有限公司 | 文件处理的方法和装置 |
| CN112799663A (zh) * | 2021-01-22 | 2021-05-14 | 京东方科技集团股份有限公司 | 页面显示方法、装置、计算机可读存储介质及电子设备 |
| CN113064632A (zh) * | 2021-04-07 | 2021-07-02 | 北京读我网络技术有限公司 | 前端项目发布方法及装置 |
| CN113296762A (zh) * | 2021-06-21 | 2021-08-24 | 北京有竹居网络技术有限公司 | 页面嵌入方法、装置、存储介质及电子设备 |
| CN113536180A (zh) * | 2021-06-28 | 2021-10-22 | 北京达佳互联信息技术有限公司 | 项目的处理方法、装置、电子设备、存储介质和程序产品 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109783752A (zh) | 页面加载方法及装置、电子设备和计算机可读存储介质 | |
| CN108108162B (zh) | 应用程序编程接口生成方法及装置 | |
| CN111639287A (zh) | 一种页面处理方法、装置、终端设备及可读存储介质 | |
| KR101908162B1 (ko) | 통합 개발 환경에서의 라이브 브라우저 툴 제공 기법 | |
| US20150317156A1 (en) | Systems and Methods for Automated Generation of Interactive Documentation Based on Web Application Description Language Files | |
| CN102662966B (zh) | 一种面向主题的获取动态页面内容的方法及系统 | |
| CN109522018A (zh) | 页面处理方法、装置及存储介质 | |
| CN101946248A (zh) | 提供应用程序接口服务并进行应用程序接口跨界混搭的方法和装置及其计算机可读记录介质 | |
| CN110798445B (zh) | 公共网关接口测试方法、装置、计算机设备及存储介质 | |
| CN110795697B (zh) | 逻辑表达式的获取方法、装置、存储介质以及电子装置 | |
| CN113382083B (zh) | 一种网页截图方法和装置 | |
| CN106776314A (zh) | 一种测试系统 | |
| CN108984693A (zh) | 一种基于人工智能的编程程序的分享方法及系统 | |
| CN111124873A (zh) | 一种Mock数据返回方法及装置 | |
| CN109828759A (zh) | 代码编译方法、装置、计算机装置及存储介质 | |
| CN111310005B (zh) | 网络请求的处理方法及装置、服务器和存储介质 | |
| CN109271160A (zh) | 活动规则组建方法、装置和计算机系统、介质 | |
| CN109460227A (zh) | 一种网站前端的开发方法、装置、设备及介质 | |
| CN101256595A (zh) | 基于soa架构的多维空间数据展现方法 | |
| CN116992081A (zh) | 页面表单的数据处理方法、装置和用户终端 | |
| CN106095674B (zh) | 一种网站自动化测试方法和装置 | |
| CN113050921A (zh) | 一种网页转换方法、装置、存储介质和计算机设备 | |
| CN105094787B (zh) | 企业互联网应用的处理方法及装置 | |
| CN116166907B (zh) | 一种使用WebAssembly和服务页面编译技术开发Web应用的方法及装置 | |
| CN112817595A (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 |
Application publication date: 20190521 |
|
| RJ01 | Rejection of invention patent application after publication |