CN111159615A - 网页处理方法和装置 - Google Patents
网页处理方法和装置 Download PDFInfo
- Publication number
- CN111159615A CN111159615A CN201911407675.7A CN201911407675A CN111159615A CN 111159615 A CN111159615 A CN 111159615A CN 201911407675 A CN201911407675 A CN 201911407675A CN 111159615 A CN111159615 A CN 111159615A
- Authority
- CN
- China
- Prior art keywords
- webpage
- component
- accessed
- file
- loaded
- 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.)
- Granted
Links
- 238000003672 processing method Methods 0.000 title abstract description 18
- 238000012545 processing Methods 0.000 claims abstract description 42
- 238000000034 method Methods 0.000 claims abstract description 41
- 238000004590 computer program Methods 0.000 claims description 3
- 238000004891 communication Methods 0.000 description 14
- 238000010586 diagram Methods 0.000 description 14
- 230000006870 function Effects 0.000 description 7
- 230000000694 effects Effects 0.000 description 6
- 238000004806 packaging method and process Methods 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 4
- 230000005236 sound signal Effects 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 238000007726 management method Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000012858 packaging process Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000011156 evaluation Methods 0.000 description 1
- 238000003384 imaging method Methods 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
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
Abstract
本申请实施例提供一种网页处理方法和装置，该方法包括：客户端根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称；所述客户端向服务器发送所述待访问网页需加载的组件的存储文件名称；所述客户端接收所述服务器发送的所述待访问网页需加载的组件；所述客户端将所述待访问网页需加载的组件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。由于所述客户端只加载所述待访问网页需要的组件，减少了加载的组件的数量，因此能够提高用户访问网页的速度。
Description
技术领域
本申请实施例涉及计算机领域，尤其涉及网页处理方法和装置。
背景技术
随着互联网的迅速发展，用户对访问网页的速度要求越来越高。脚本(JavaScript，JS)是一种属于网络的脚本语言，被广泛应用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。
现有的网页处理方法，在用户访问网页的时候，服务器会将所有的JS文件打包加载到网页中，以便于用户访问网页。然而在JS文件较多的时候，网页容易出现卡顿的现象，导致用户访问网页的速度慢。
发明内容
本申请实施例提供一种网页处理方法和装置，用于提高用户访问网页的速度。
第一方面，本申请实施例提供一种网页处理方法，包括：
客户端根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称；
所述客户端向服务器发送所述待访问网页需加载的组件的存储文件名称；
所述客户端接收所述服务器发送的所述待访问网页需加载的组件；
所述客户端将所述待访问网页需加载的组件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。
可选的，所述客户端根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称之前，还包括：
所述客户端接收所述服务器发送的所述第一JS文件。
可选的，所述客户端接收所述服务器发送的所述第一JS文件之前，还包括：
所述客户端向所述服务器发送网页访问请求，所述网页访问请求包括所述待访问网页的地址。
第二方面，本申请实施例提供一种网页处理方法，包括：
服务器接收客户端发送的待访问网页需加载的组件的存储文件名称；
所述服务器根据所述待访问网页需加载的组件的存储文件名称，获取所述待访问网页需加载的组件；
所述服务器向所述客户端发送所述待访问网页需加载的组件。
可选的，服务器接收客户端发送的待访问网页需加载的组件的存储文件名称之前，还包括：
所述服务器向所述客户端发送第一JS文件，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称。
可选的，所述服务器向所述客户端发送第一JS文件之前，还包括：
所述服务器接收所述客户端发送的网页访问请求，所述网页访问请求包括所述待访问网页的地址。
可选的，所述服务器向所述客户端发送第一JS文件之前，还包括：
获取第二JS文件，所述第二JS文件包括所述多个组件中每个组件的组件名称；
调用所述第二JS文件，生成所述第一JS文件和所述多个组件中每个组件的存储文件。
可选的，所述获取第二JS文件，包括：
调用第三JS文件，扫描所有的组件，以获取所述第二JS文件。
第三方面，本申请实施例提供一种网页处理装置，包括：
确定模块，用于根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称；
发送模块，用于向服务器发送所述待访问网页需加载的组件的存储文件名称；
接收模块，用于接收所述服务器发送的所述待访问网页需加载的组件；
处理模块，用于将所述待访问网页需加载的组件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。
可选的，所述接收模块，还用于在所述确定模块根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称之前，接收所述服务器发送的所述第一JS文件。
可选的，所述发送模块，还用于在所述接收模块接收所述服务器发送的所述第一JS文件之前，向所述服务器发送网页访问请求，所述网页访问请求包括所述待访问网页的地址。
第四方面，本申请实施例提供一种网页处理装置，包括：
接收模块，用于接收客户端发送的待访问网页需加载的组件的存储文件名称；
获取模块，用于根据所述待访问网页需加载的组件的存储文件名称，获取所述待访问网页需加载的组件；
发送模块，用于所述服务器向所述客户端发送所述待访问网页需加载的组件。
可选的，所述发送模块，还用于在所述接收模块接收客户端发送的待访问网页需加载的组件的存储文件名称之前，向所述客户端发送第一JS文件，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称。
可选的，所述接收模块，还用于在所述发送模块向所述客户端发送第一JS文件之前，接收所述客户端发送的网页访问请求，所述网页访问请求包括所述待访问网页的地址。
可选的，本申请实施例还包括：处理模块。
处理模块，用于获取第二JS文件，所述第二JS文件包括所述多个组件中每个组件的组件名称；以及调用所述第二JS文件，生成所述第一JS文件和所述多个组件中每个组件的存储文件。
可选的，所述处理模块，具体用于：
调用第三JS文件，扫描所有的组件，以获取所述第二JS文件。
第五方面，本申请实施例提供一种电子设备，包括：存储器和处理器，所述存储器与所述处理器耦合；所述存储器用于存储程序指令；所述处理器用于调用所述存储器中的程序指令执行如第一方面或者第二方面中任一项所述的方法。
第六方面，本申请实施例提供一种计算机可读存储介质，所述可读存储介质上存储有计算机程序，所述计算机程序在被执行时实现如第一方面或者第二方面中任一项所述的方法。
本申请实施例提供的网页处理方法和装置，包括：客户端根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称；所述客户端向服务器发送所述待访问网页需加载的组件的存储文件名称；所述客户端接收所述服务器发送的所述待访问网页需加载的组件；所述客户端将所述待访问网页需加载的组件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。由于所述客户端只加载所述待访问网页需要的组件，减少了加载的组件的数量，因此能够提高用户访问网页的速度。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本申请一实施例提供的应用场景图；
图2为本申请一实施例提供的网页处理方法的流程图；
图3为本申请另一实施例提供的网页处理方法的流程图；
图4为本申请又一实施例提供的网页处理方法的流程图；
图5为本申请一实施例提供的网页处理装置的结构示意图；
图6为本申请另一实施例提供的网页处理装置的结构示意图；
图7为本申请一实施例提供的电子设备的结构示意图；
图8为本申请另一实施例提供的电子设备的结构示意图；
图9是本申请一实施例提供的电子设备900的框图；
图10是本申请一实施例提供的网页处理装置1000的框图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
图1为本申请一实施例提供的应用场景图，如图1所示，终端设备可以与服务器进行交互，以便向用户展示网页。所述终端设备例如可以是手机、计算机和平板电脑等。所述终端设备中安装有客户端，当用户想要浏览网页时，用户可以对所述终端设备进行操作，使得所述终端设备通过所述客户端与所述服务器进行交互，以便向用户展示所需访问的网页。
现有的网页处理方法，服务器在构建Vue项目打包的时候，会把所有Vue组件打包成一个JS文件，例如可以是app.js文件，所述app.js包括所有JS组件的源代码。在项目组件较多的时候，该文件占用较大的内存空间。当用户对终端设备进行操作访问网页时，客户端会加载所有组件打包成的所述app.js文件，网页响应缓慢。
本申请实施例提出一种网页处理方法和装置，服务器在构建Vue项目打包之前，打包工具调用动态扫码组件，生成组件引用列表；所述服务器在打包过程中调用组件引用列表，将app.js进行拆分，生成一个路由app.js和每个组件相对应的JS文件。在用户对终端设备进行操作访问网页的时候，客户端引入路由app.js，所述客户端根据页面和组件的关系加载页面所需的JS文件，而不是一次性把所有的组件一起加载。因此提高了用户访问网页的速度。
图2为本申请一实施例提供的网页处理方法的流程图，如图2所示，本申请实施例包括：
S201、客户端根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称。
JS是一种属于网络的脚本语言，被广泛应用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JS脚本是通过嵌入在HTML中来实现自身的功能的。
当用户浏览网页的时候，首先操作客户端打开HTML网页，在浏览网页的时候需要点击一些按钮，例如登录新浪微博，输入账号和密码后，点击“登录”按钮，就需要加载JS文件来完成操作，如果没有加载JS组件，打开的网页是空白页，加载JS组件之后，就能够显示用户所需要的完整的网页。
本实施例中，第一JS文件例如可以是路由app.js文件。在构建Vue项目时，所述Vue项目包含多个JS组件，例如可以是100个JS组件。所述路由app.js文件包含这100个JS组件中每个组件的组件名称和存储文件名称，也可以包括组件的编号，该编号例如为1-100中的数值，以便于开发人员统计所有组件的数目。组件的名称一般以所述组件的功能命名。例如，广告图组件的名称可以表示为：ui_advert_01，所述广告图组件的存储文件名称例如可以是：ui_advert_01.js，本实施例不做限定。其中，ui是所述组件的类别，表示所述组件是具有美化页面的功能，advert代表所述组件的功能，表示所述组件属于广告类，01代表所述组件的编号为1。
当用户访问网页时，所述客户端根据待访问网页能够识别所述待访问网页需要加载哪些组件，也就是获取需加载的组件的名称，所述客户端根据路由app.js以及需加载的组件的名称，确定所述待访问网页需加载的组件的存储文件名称。例如，当用户打开淘宝客户端时，淘宝网页中有商品分类的按钮，所述客户端能够确定所述待访问网页需要加载所述商品分类的组件，通过所述路由app.js能够查找到所述商品分类的组件是名称例如可以为ui_classification_01的组件。
S202、所述客户端向服务器发送所述待访问网页需加载的组件的存储文件名称。相应地，所述服务器接收所述客户端发送的所述待访问网页需加载的组件的存储文件名称。
所述路由app.js文件和各个组件的JS文件都存储在所述服务器上的JS目录下，其中各个组件的JS文件是各个组件相对应的源代码文件。
所述客户端根据所述路由app.js文件确定所述待访问网页需加载的组件的存储文件名称之后，将所述待访问网页需加载的组件的存储文件名称发送给服务器。所述服务器接收所述客户端发送的所述待访问网页需加载的组件的存储文件名称。
S203、所述服务器根据所述待访问网页需加载的组件的存储文件名称，获取所述待访问网页需加载的组件。
所述服务器接收到所述客户端发送的所述待访问网页需加载的组件的存储文件名称之后，在所述服务器的JS目录下查找与所述存储文件名称相同的JS文件，该JS文件即为所述待访问网页需加载的组件。
S204、所述服务器向所述客户端发送所述待访问网页需加载的组件。相应地，所述客户端接收所述服务器发送的所述待访问网页需加载的组件。
所述服务器将获取到的所述待访问网页需加载的组件发送给所述客户端，所述客户端接收所述服务器发送的所述待访问网页需加载的组件。
S205、所述客户端将所述待访问网页需加载的组件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。
所述客户端接收到所述服务器发送的所述待访问网页需加载的JS组件之后，将所述JS组件加载到所述待访问网页，以使所述待访问网页正常显示，保证用户可以正常浏览网页。
本申请实施例提供的网页处理方法，通过客户端根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称；所述客户端向服务器发送所述待访问网页需加载的组件的存储文件名称。所述服务器根据所述待访问网页需加载的组件的存储文件名称，获取并发送所述待访问网页需加载的组件。所述客户端将所述待访问网页需加载的组件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。由于所述客户端只加载所述待访问网页需要的组件，减少了加载的组件的数量，因此能够提高用户访问网页的速度。
图3为本申请另一实施例提供的网页处理方法的流程图，如图3所示，本申请实施例包括：
S301、所述客户端向所述服务器发送网页访问请求，所述网页访问请求包括所述待访问网页的地址。相应地，所述服务器接收所述客户端发送的网页访问请求，所述网页访问请求包括所述待访问网页的地址。
在用户浏览网页的时候，首先需要输入用户的网址或者是点击相关的网页，所述客户端接收到用户点击网页或者输入网址的动作之后，所述客户端向所述服务器发送网页访问请求，所述网页访问请求包括所述待访问网页的地址。
S302、所述服务器向所述客户端发送第一JS文件，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称。相应地，所述客户端接收所述服务器发送的所述第一JS文件。
本实施例中，第一JS文件例如可以是路由app.js文件，所述客户端在显示所述待访问网页之前，需要先加载所需的JS组件。所需的JS组件是由所述路由app.js文件根据所述待访问网页的内容识别出来的，因此所述客户端需要先获取所述路由app.js文件。所述路由app.js文件是在所述客户端显示所述待访问网页之前，所述服务器发送给所述客户端的。相应地，所述客户端接收所述服务器发送的所述app.js。
S303、客户端根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称。
S304、所述客户端向服务器发送所述待访问网页需加载的组件的存储文件名称。相应地，所述服务器接收所述客户端发送的所述待访问网页需加载的组件的存储文件名称。
S305、所述服务器根据所述待访问网页需加载的组件的存储文件名称，获取所述待访问网页需加载的组件的JS文件。
S306、所述服务器向所述客户端发送所述待访问网页需加载的组件。相应地，所述客户端接收所述服务器发送的所述待访问网页需加载的组件。
S307、所述客户端将所述待访问网页需加载的组件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。
本实施例中，S303-S307的具体实现过程可以参见图2所示实施例中的相关描述，此处不再赘述。
本申请实施例提供的网页处理方法，通过所述客户端向所述服务器发送网页访问请求。所述服务器向所述客户端发送第一JS文件。所述客户端根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称；所述客户端向服务器发送所述待访问网页需加载的组件的存储文件名称。所述服务器根据所述待访问网页需加载的组件的存储文件名称，获取并发送所述待访问网页需加载的组件的JS文件。所述客户端将所述待访问网页需加载的组件的JS文件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。由于所述客户端只加载所述待访问网页需要的组件，减少了加载的组件的数量，因此能够提高用户访问网页的速度。而且用户每次访问网页时，服务器均会向客户端发送第一JS文件，由于第一JS文件中包括的是组件的组件名称和存储文件名称，不包括组件，减少了传输的第一JS文件的大小，节省了网络资源。
图4为本申请又一实施例提供的网页处理方法的流程图，如图4所示，本申请实施例包括：
S401、服务器获取第二JS文件，所述第二JS文件包括所述多个组件中每个组件的组件名称；调用所述第二JS文件，生成所述第一JS文件和所述多个组件中每个组件的存储文件。
本实施例中，第二JS文件例如可以是components.js文件，所述components.js文件包含所有组件的组件名称。所述服务器可以在打包过程中调用所述components.js文件，生成一个路由app.js(即第一JS文件)和每个组件的JS文件。所述路由app.js中包含所述多个组件中每个组件的组件名称和存储文件名称，存储文件存储的是组件的JS文件，所述每个组件的JS文件包含每个组件的源代码。
可选的，本实施例在执行上述S401之前，还执行S400：
S400、服务器调用第三JS文件，扫描所有的组件，以获取所述第二JS文件。
本实施例中，在构建Vue项目之前，所述服务器需要所有Vue组件打包成一个app.js文件。所述服务器在打包之前，通过打包工具调用第三JS文件，第三JS文件例如可以是scan.js动态扫码组件。所述服务器通过所述打包工具调用所述scan.js动态扫码组件扫描所有的组件，获取所述第二JS文件，例如可以是components.js文件。
S402、所述客户端向所述服务器发送网页访问请求，所述网页访问请求包括所述待访问网页的地址。相应地，所述服务器接收所述客户端发送的网页访问请求，所述网页访问请求包括所述待访问网页的地址。
S403、所述服务器向所述客户端发送第一JS文件，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称。相应地，所述客户端接收所述服务器发送的所述第一JS文件。
本实施例中，S402-403的具体实现过程可以参见图3所示实施例中的相关描述，此处不再赘述。
S404、客户端根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称。
S405、所述客户端向服务器发送所述待访问网页需加载的组件的存储文件名称。相应地，所述服务器接收所述客户端发送的所述待访问网页需加载的组件的存储文件名称。
S406、所述服务器根据所述待访问网页需加载的组件的存储文件名称，获取所述待访问网页需加载的组件的JS文件。
S407、所述服务器向所述客户端发送所述待访问网页需加载的组件的JS文件。相应的，所述客户端接收所述服务器发送的所述待访问网页需加载的组件。
S408、所述客户端将所述待访问网页需加载的组件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。
本实施例中，S404-S408的具体实现过程可以参见图2所示实施例中的相关描述，此处不再赘述。
现有技术的app.js中包含所有组件的源代码，因此体积较大，例如可以是40M大小。本实施例中的app.js起路由作用，每个组件的JS文件是独立的，相当于将一个大的app.js拆分成很多小的独立的JS组件，本实施例中的所述app.js因为只包含多个组件的各个组件的组件名称和存储文件名称，所以体积很小，例如可以是40K大小。用户每次访问页面都会加载所述app.js，当所述app.js的体积变小时，就减小了所述服务器和所述客户端加载app.js的体积，因此浏览网页的速度提高。当引入所述app.js之后，由所述app.js识别待访问网页所需的JS组件，所述客户端将所需的JS组件加载到所述待访问网页，而不是现有技术中的每次都需要把所有的组件都加载到所述待访问网页，因此提高了用户浏览网页的速度，用户体验高。
本申请实施例提供的网页处理方法，通过服务器调用第三JS文件，扫描所有的组件，以获取所述第二JS文件；调用所述第二JS文件，生成所述第一JS文件和所述多个组件中每个组件的存储文件。所述客户端向所述服务器发送网页访问请求。所述服务器向所述客户端发送第一JS文件。所述客户端根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称；所述客户端向服务器发送所述待访问网页需加载的组件的存储文件名称。所述服务器根据所述待访问网页需加载的组件的存储文件名称，获取并发送所述待访问网页需加载的组件的JS文件。所述客户端将所述待访问网页需加载的组件的JS文件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。由于在组件打包过程中，生成了一个路由JS文件和每个独立的组件的JS文件，在用户访问网页的时候，所述客户端加载路由JS文件和所述待访问网页需要的组件，减少了客户端与服务器之间的传输量，因此能够提高用户访问网页的速度。
图5为本申请一实施例提供的网页处理装置的结构示意图，如图5所示，本实施例提供的网页处理装置包括：确定模块501、发送模块502、接收模块503和处理模块504。
其中，确定模块501，用于根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称；
发送模块502，用于向服务器发送所述待访问网页需加载的组件的存储文件名称；
接收模块503，用于接收所述服务器发送的所述待访问网页需加载的组件；
处理模块504，用于将所述待访问网页需加载的组件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。
可选的，所述接收模块503，还用于在所述确定模块501根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称之前，接收所述服务器发送的所述第一JS文件。
可选的，所述发送模块502，还用于在所述接收模块503接收所述服务器发送的所述第一JS文件之前，向所述服务器发送网页访问请求，所述网页访问请求包括所述待访问网页的地址。
本实施例提供的网页处理装置可用于执行图2-图4任一所示方法实施例中客户端的技术方案，其实现原理和技术效果类似，此处不再赘述。
图6为本申请另一实施例提供的网页处理装置的结构示意图，如图6所示，本实施例提供的网页处理装置包括：接收模块601、获取模块602和发送模块603。
其中，接收模块601，用于接收客户端发送的待访问网页需加载的组件的存储文件名称；
获取模块602，用于根据所述待访问网页需加载的组件的存储文件名称，获取所述待访问网页需加载的组件；
发送模块603，用于所述服务器向所述客户端发送所述待访问网页需加载的组件。
可选的，所述发送模块603，还用于在所述接收模块601接收客户端发送的待访问网页需加载的组件的存储文件名称之前，向所述客户端发送第一JS文件，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称。
可选的，所述接收模块601，还用于在所述发送模块603向所述客户端发送第一JS文件之前，接收所述客户端发送的网页访问请求，所述网页访问请求包括所述待访问网页的地址。
可选的，本实施例的网页处理装置还包括：处理模块600。
处理模块600，用于获取第二JS文件，所述第二JS文件包括所述多个组件中每个组件的组件名称；以及调用所述第二JS文件，生成所述第一JS文件和所述多个组件中每个组件的存储文件。
可选的，所述处理模块600，具体用于：
调用第三JS文件，扫描所有的组件，以获取所述第二JS文件。
本实施例提供的网页处理装置可用于执行图2-图4任一所示的方法实施例中服务器的技术方案，其实现原理和技术效果类似，此处不再赘述。
图7为本申请一实施例提供的电子设备的结构示意图，如图7所示，本实施例提供的电子设备包括：存储器701、处理器702，所述存储器701与所述处理器702耦合。
所述存储器701用于存储程序指令。
所述处理器702用于调用所述存储器701中的程序指令执行：
根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称；
向服务器发送所述待访问网页需加载的组件的存储文件名称；
接收所述服务器发送的所述待访问网页需加载的组件；
将所述待访问网页需加载的组件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。
可选的，所述处理器702，还用于在根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称之前之前，接收所述服务器发送的所述第一JS文件。
可选的，所述处理器702，还用于在接收所述服务器发送的所述第一JS文件之前，向所述服务器发送网页访问请求，所述网页访问请求包括所述待访问网页的地址。
可选的，本实施例的电子设备还可以包括通信接口703，所述处理器702用于控制所述通信接口703实现上述接收和发送的功能。
本实施例提供的电子设备可用于执行图2-图4任一所示的方法实施例中客户端的技术方案，其实现原理和技术效果类似，此处不再赘述。
图8为本申请另一实施例提供的电子设备的结构示意图，如图8所示，本实施例提供的电子设备包括：存储器801、处理器802，所述存储器801与所述处理器802耦合。
所述存储器801用于存储程序指令。
所述处理器802用于调用所述存储器801中的程序指令执行：
接收客户端发送的待访问网页需加载的组件的存储文件名称；
根据所述待访问网页需加载的组件的存储文件名称，获取所述待访问网页需加载的组件；
所述服务器向所述客户端发送所述待访问网页需加载的组件。
可选的，所述处理器802，还用于在接收客户端发送的待访问网页需加载的组件的存储文件名称之前，向所述客户端发送第一JS文件，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称。
可选的，所述处理器802，还用于在向所述客户端发送第一JS文件之前，接收所述客户端发送的网页访问请求，所述网页访问请求包括所述待访问网页的地址。
可选的，所述处理器802，还用于在向所述客户端发送第一JS文件之前，获取第二JS文件，所述第二JS文件包括所述多个组件中每个组件的组件名称；以及调用所述第二JS文件，生成所述第一JS文件和所述多个组件中每个组件的存储文件。
可选的，所述处理器802，具体用于：调用第三JS文件，扫描所有的组件，以获取所述第二JS文件。
可选的，本实施例的电子设备还可以包括通信接口803，所述处理器802用于控制所述通信接口803实现上述接收和发送的功能。
本实施例提供的电子设备可用于执行图2-图4任一所示的方法实施例中服务器的技术方案，其实现原理和技术效果类似，此处不再赘述。
图9是本申请一实施例提供的电子设备900的框图。例如，网页处理装置的电子设备900可以是计算机、手机或平板电脑等。
如图9所示，电子设备900可以包括以下一个或多个组件：处理组件902，存储器904，电力组件906，多媒体组件908，音频组件910，输入/输出(I/O)的接口912，传感器组件914，以及通信组件916。
处理组件902通常控制电子设备900的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件902可以包括一个或多个处理器920来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件902可以包括一个或多个模块，便于处理组件902和其他组件之间的交互。例如，处理组件902可以包括多媒体模块，以方便多媒体组件908和处理组件902之间的交互。
存储器904被配置为存储各种类型的数据以支持在电子设备900的操作。这些数据的示例包括用于在电子设备900上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器904可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。
电力组件906为电子设备900的各种组件提供电力。电力组件906可以包括电源管理系统，一个或多个电源，及其他与为电子设备900生成、管理和分配电力相关联的组件。
多媒体组件908包括在所述电子设备900和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件908包括一个前置摄像头和/或后置摄像头。当电子设备900处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件910被配置为输出和/或输入音频信号。例如，音频组件910包括一个麦克风(MIC)，当电子设备900处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器904或经由通信组件916发送。在一些实施例中，音频组件910还包括一个扬声器，用于输出音频信号。
I/O接口912为处理组件902和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件914包括一个或多个传感器，用于为电子设备900提供各个方面的状态评估。例如，传感器组件914可以检测到电子设备900的打开/关闭状态，组件的相对定位，例如所述组件为电子设备900的显示器和小键盘，传感器组件914还可以检测电子设备900或电子设备900一个组件的位置改变，用户与电子设备900接触的存在或不存在，电子设备900方位或加速/减速和电子设备900的温度变化。传感器组件914可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件914还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件914还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。
通信组件916被配置为便于电子设备900和其他设备之间有线或无线方式的通信。电子设备900可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件916经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件916还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。
在一些实施例中，电子设备900可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述图2-图4任一所示方法实施例中客户端的技术方案。
在一些实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器904，上述指令可由电子设备900的处理器920执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
图10是本申请一实施例提供的网页处理装置1000的框图。例如，所述装置1000可以被提供为一服务器。如图10所示，所述装置1000包括处理组件1022，所述处理组件1022进一步包括一个或多个处理器，以及由存储器1032所代表的存储器资源，所述存储器1032用于存储可由所述处理组件1022的执行的指令，例如应用程序。所述存储器1032中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，所述处理组件1022被配置为执行指令，以执行上述图2-图4任一所示方法实施例中服务器的技术方案。
所述装置1000还可以包括一个电源组件1026被配置为执行所述装置1000的电源管理，一个有线或无线网络接口1050被配置为将所述装置1000连接到网络，和一个输入输出(I/O)接口1058。所述装置1000可以操作基于存储在所述存储器1032的操作系统，例如Windows ServerTM、Mac OS XTM、UnixTM、LinuxTM、FreeBSDTM或类似。
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求书指出。
应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求书来限制。
Claims (10)
1.一种网页处理方法，其特征在于，包括：
客户端根据第一脚本JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称；
所述客户端向服务器发送所述待访问网页需加载的组件的存储文件名称；
所述客户端接收所述服务器发送的所述待访问网页需加载的组件；
所述客户端将所述待访问网页需加载的组件加载至所述待访问网页中，并显示已加载组件的所述待访问网页。
2.根据权利要求1所述的方法，其特征在于，所述客户端根据第一JS文件和待访问网页，确定所述待访问网页需加载的组件的存储文件名称之前，还包括：
所述客户端接收所述服务器发送的所述第一JS文件。
3.根据权利要求2所述的方法，其特征在于，所述客户端接收所述服务器发送的所述第一JS文件之前，还包括：
所述客户端向所述服务器发送网页访问请求，所述网页访问请求包括所述待访问网页的地址。
4.一种网页处理方法，其特征在于，包括：
服务器接收客户端发送的待访问网页需加载的组件的存储文件名称；
所述服务器根据所述待访问网页需加载的组件的存储文件名称，获取所述待访问网页需加载的组件；
所述服务器向所述客户端发送所述待访问网页需加载的组件。
5.根据权利要求4所述的方法，其特征在于，服务器接收客户端发送的待访问网页需加载的组件的存储文件名称之前，还包括：
所述服务器向所述客户端发送第一JS文件，所述第一JS文件包括多个组件中每个组件的组件名称和存储文件名称。
6.根据权利要求5所述的方法，其特征在于，所述服务器向所述客户端发送第一JS文件之前，还包括：
所述服务器接收所述客户端发送的网页访问请求，所述网页访问请求包括所述待访问网页的地址。
7.根据权利要求5或6所述的方法，其特征在于，所述服务器向所述客户端发送第一JS文件之前，还包括：
获取第二JS文件，所述第二JS文件包括所述多个组件中每个组件的组件名称；
调用所述第二JS文件，生成所述第一JS文件和所述多个组件中每个组件的存储文件。
8.根据权利要求7所述的方法，其特征在于，所述获取第二JS文件，包括：
调用第三JS文件，扫描所有的组件，以获取所述第二JS文件。
9.一种电子设备，其特征在于，包括：存储器和处理器，所述存储器与所述处理器耦合；
所述存储器用于存储程序指令；
所述处理器用于调用所述存储器中的程序指令执行1-3中任一项或者4-8中任一项所述的方法。
10.一种计算机可读存储介质，其特征在于，所述可读存储介质上存储有计算机程序，所述计算机程序在被执行时实现如权利要求1-3中任一项或者4-8中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911407675.7A CN111159615B (zh) | 2019-12-31 | 2019-12-31 | 网页处理方法和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911407675.7A CN111159615B (zh) | 2019-12-31 | 2019-12-31 | 网页处理方法和装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111159615A true CN111159615A (zh) | 2020-05-15 |
| CN111159615B CN111159615B (zh) | 2024-01-02 |
Family
ID=70559709
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911407675.7A Active CN111159615B (zh) | 2019-12-31 | 2019-12-31 | 网页处理方法和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111159615B (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111901403A (zh) * | 2020-07-15 | 2020-11-06 | 中国工商银行股份有限公司 | 会话管理方法和装置、电子设备、及介质 |
| CN112966205A (zh) * | 2021-04-21 | 2021-06-15 | 平安好医投资管理有限公司 | 网页打开方法、装置、电子设备及存储介质 |
| CN113238737A (zh) * | 2021-06-15 | 2021-08-10 | 挂号网（杭州）科技有限公司 | 页面打包方法、装置、电子设备及存储介质 |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101571876A (zh) * | 2009-05-26 | 2009-11-04 | 华为技术有限公司 | 脚本程序运行逻辑扩展的方法、服务器和客户端 |
| US20100223322A1 (en) * | 2009-02-27 | 2010-09-02 | Sun Microsystems, Inc. | Server based framework for improving ajax performance |
| CN101963987A (zh) * | 2010-09-30 | 2011-02-02 | 百度在线网络技术（北京）有限公司 | 一种用于生成网页文件和加载网页文件的方法与设备 |
| US9195477B1 (en) * | 2012-10-09 | 2015-11-24 | Sencha, Inc. | Device profiles, deep linking, and browser history support for web applications |
| CN105786522A (zh) * | 2016-03-17 | 2016-07-20 | 无锡威泰迅电力科技有限公司 | 基于Node.js平台的WEB前端通用组件 |
| WO2017045563A1 (zh) * | 2015-09-17 | 2017-03-23 | 阿里巴巴集团控股有限公司 | 一种web app访问方法、装置和系统 |
| CN107968841A (zh) * | 2017-12-20 | 2018-04-27 | 深圳乐信软件技术有限公司 | 网络页面的动态路由方法、装置、存储介质及客户端 |
| WO2018161813A1 (zh) * | 2017-03-08 | 2018-09-13 | 阿里巴巴集团控股有限公司 | 一种资源加载方法及装置 |
| CN110009315A (zh) * | 2014-05-15 | 2019-07-12 | 阿里巴巴集团控股有限公司 | 一种支付方法、支付页面的展示方法及装置 |
| CN110059277A (zh) * | 2019-03-12 | 2019-07-26 | 平安普惠企业管理有限公司 | 首页加载优化方法、服务器及计算机可读存储介质 |
-
2019
- 2019-12-31 CN CN201911407675.7A patent/CN111159615B/zh active Active
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100223322A1 (en) * | 2009-02-27 | 2010-09-02 | Sun Microsystems, Inc. | Server based framework for improving ajax performance |
| CN101571876A (zh) * | 2009-05-26 | 2009-11-04 | 华为技术有限公司 | 脚本程序运行逻辑扩展的方法、服务器和客户端 |
| CN101963987A (zh) * | 2010-09-30 | 2011-02-02 | 百度在线网络技术（北京）有限公司 | 一种用于生成网页文件和加载网页文件的方法与设备 |
| US9195477B1 (en) * | 2012-10-09 | 2015-11-24 | Sencha, Inc. | Device profiles, deep linking, and browser history support for web applications |
| CN110009315A (zh) * | 2014-05-15 | 2019-07-12 | 阿里巴巴集团控股有限公司 | 一种支付方法、支付页面的展示方法及装置 |
| WO2017045563A1 (zh) * | 2015-09-17 | 2017-03-23 | 阿里巴巴集团控股有限公司 | 一种web app访问方法、装置和系统 |
| CN105786522A (zh) * | 2016-03-17 | 2016-07-20 | 无锡威泰迅电力科技有限公司 | 基于Node.js平台的WEB前端通用组件 |
| WO2018161813A1 (zh) * | 2017-03-08 | 2018-09-13 | 阿里巴巴集团控股有限公司 | 一种资源加载方法及装置 |
| CN107968841A (zh) * | 2017-12-20 | 2018-04-27 | 深圳乐信软件技术有限公司 | 网络页面的动态路由方法、装置、存储介质及客户端 |
| CN110059277A (zh) * | 2019-03-12 | 2019-07-26 | 平安普惠企业管理有限公司 | 首页加载优化方法、服务器及计算机可读存储介质 |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111901403A (zh) * | 2020-07-15 | 2020-11-06 | 中国工商银行股份有限公司 | 会话管理方法和装置、电子设备、及介质 |
| CN111901403B (zh) * | 2020-07-15 | 2023-08-08 | 中国工商银行股份有限公司 | 会话管理方法和装置、电子设备、及介质 |
| CN112966205A (zh) * | 2021-04-21 | 2021-06-15 | 平安好医投资管理有限公司 | 网页打开方法、装置、电子设备及存储介质 |
| CN113238737A (zh) * | 2021-06-15 | 2021-08-10 | 挂号网（杭州）科技有限公司 | 页面打包方法、装置、电子设备及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111159615B (zh) | 2024-01-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10705780B2 (en) | Method, device, and storage medium for displaying application page | |
| CN107153541B (zh) | 浏览交互处理方法及装置 | |
| CN105912693B (zh) | 网络请求处理方法、网络数据获取方法、装置及服务器 | |
| JP6062608B2 (ja) | ウェブページアクセス方法、装置、サーバ、端末、プログラム、及び記録媒体 | |
| EP3561691B1 (en) | Method and apparatus for displaying webpage content | |
| US10909203B2 (en) | Method and device for improving page display effect via execution, conversion and native layers | |
| US11704001B2 (en) | Method and device for displaying web page content | |
| US10642456B2 (en) | Application distribution method and device | |
| CN111159615B (zh) | 网页处理方法和装置 | |
| CN104462296B (zh) | 文件的管理方法、装置及终端 | |
| CN106547547B (zh) | 数据采集方法及装置 | |
| CN117390330A (zh) | 网页访问方法及装置 | |
| CN107193441B (zh) | 桌面挂件预览方法及装置 | |
| CN109525652B (zh) | 信息分享方法、装置、设备和存储介质 | |
| EP3057006A1 (en) | Method and device of filtering address | |
| CN110413169B (zh) | 一种信息展示方法、装置及介质 | |
| US11210449B2 (en) | Page display method and device and storage medium | |
| CN105468606B (zh) | 网页保存的方法及装置 | |
| CN111695064B (zh) | 一种埋点加载方法及装置 | |
| CN111046265B (zh) | 卡片数据显示方法、装置、设备及存储介质 | |
| CN112328330A (zh) | iOS组件的调用方法、装置、中间件、电子设备及介质 | |
| CN111782997A (zh) | 加载网页的方法及装置、存储介质 | |
| JP6441385B2 (ja) | 情報入力方法、装置、プログラム及び記録媒体 | |
| CN110989987B (zh) | 一种门户网页的生成方法、装置、客户端、服务器及存储介质 | |
| CN116662689A (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 | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20230703 Address after: 3007, Hengqin International Financial Center Building, No. 58 Huajin Street, Hengqin New District, Zhuhai City, Guangdong Province, 519030 Applicant after: New founder holdings development Co.,Ltd. Applicant after: BEIJING FOUNDER ELECTRONICS Co.,Ltd. Address before: 100871, Beijing, Haidian District, Cheng Fu Road, No. 298, Zhongguancun Fangzheng building, 9 floor Applicant before: PEKING UNIVERSITY FOUNDER GROUP Co.,Ltd. Applicant before: BEIJING FOUNDER ELECTRONICS Co.,Ltd. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |