CN113569177A - 一种跳转网页优化的方法、装置及电子设备 - Google Patents
一种跳转网页优化的方法、装置及电子设备 Download PDFInfo
- Publication number
- CN113569177A CN113569177A CN202110804556.6A CN202110804556A CN113569177A CN 113569177 A CN113569177 A CN 113569177A CN 202110804556 A CN202110804556 A CN 202110804556A CN 113569177 A CN113569177 A CN 113569177A
- Authority
- CN
- China
- Prior art keywords
- screenshot
- skeleton image
- screen skeleton
- access path
- effective
- 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
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
- 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/957—Browsing optimisation, e.g. caching or content distillation
-
- 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
-
- 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/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供了一种跳转网页优化的方法、装置及电子设备，涉及网页开发的技术领域，包括获取用户的访问路径；根据所述访问路径查找是否存在相对应的屏幕骨架图像，当查找结果为存在，获取所述屏幕骨架图像；按照所述访问路径加载目标页面；将渲染后的所述屏幕骨架图像展示给用户；将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面，优化跳转网页。本申请具有优化跳转网页，提高用户体验的功能。
Description
技术领域
本发明涉及网页开发的技术领域，尤其涉及一种跳转网页优化的方法、装置及电子设备。
背景技术
在进行网页访问的时候，需要发出网络请求，并且创建Webview(网页视图)来加载网页。由于每次对网页的访问，需要依赖网络进行资源下载后，再进行页面渲染。这个过程，一般仅向用户展示空白页面，用户无法感知待加载页面的内容和状态，也无法确定等待时长，若网页加载速度过慢，用户容易产生等待焦虑，从而关闭网页，造成用户流失。
因此，提出一种跳转网页优化的方法、装置及电子设备。
发明内容
本说明书提供一种跳转网页优化的方法、装置及电子设备，可以优化跳转网页，提高用户体验的功能。
本申请提供的一种跳转网页优化的方法采用如下的技术方案，包括：
获取用户的访问路径；
根据所述访问路径查找是否存在相对应的屏幕骨架图像，当查找结果为存在，获取所述屏幕骨架图像；
按照所述访问路径加载目标页面；
将渲染后的所述屏幕骨架图像展示给用户；
将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面，优化跳转网页。
可选的，所述根据所述访问路径查找屏幕骨架图像，包括：
获取有效截图；
将所述有效截图进行调节，得到所述屏幕骨架图像；
将所述屏幕骨架图像与所述访问路径进行映射关系绑定；
根据所述访问路径查找与所述屏幕骨架图像的映射关系；
当映射关系匹配，提取所述屏幕骨架图像。
可选的，所述将所述有效截图进行调节，得到所述屏幕骨架图像，包括：
分析所述有效截图三原色值；
根据图像滤镜原理、预设规则对所述有效截图三原色值进行调节，得到所述屏幕骨架图像。
可选的，所述获取有效截图，包括：
获取所述访问路径的当前页面的截图；
判断所述截图是否包含有效内容；
当判断结果为否，返回所述获取所述访问路径的当前页面的截图；
当判断结果为是，所述截图即为有效截图。
可选的，所述判断所述截图是否包含有效内容，包括：
将所述截图进行像素提取，得到所述截图的像素色值数据；
判断所述像素色值数据是否为空值，当判断结果不为空值，即所述截图包含有效内容。
可选的，所述将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面，包括：
监控所述目标页面加载完成情况；
当所述目标页面加载完成，将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面。
本申请提供的一种跳转网页优化的装置采用如下的技术方案，包括：
获取模块，用以获取用户的访问路径；
查找模块，用以根据所述访问路径查找是否存在相对应的屏幕骨架图像，当查找结果为存在，获取所述屏幕骨架图像；
加载模块，用以按照所述访问路径加载目标页面；
展示模块，用以将渲染后的所述屏幕骨架图像展示给用户；
替换模块，用以将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面，优化跳转网页。
可选的，所述查找模块包括：
获取单元，用以获取有效截图；
调节单元，用以将所述有效截图进行调节，得到所述屏幕骨架图像；
映射单元，用以将所述屏幕骨架图像与所述访问路径进行映射关系绑定；
查找单元，用以根据所述访问路径查找与所述屏幕骨架图像的映射关系；
提取单元，用以当映射关系匹配，提取所述屏幕骨架图像。
可选的，所述调节单元包括：
分析所述有效截图三原色值；
根据图像滤镜原理、预设规则对所述有效截图三原色值进行调节，得到所述屏幕骨架图像。
可选的，所述获取单元包括：
获取所述访问路径的当前页面的截图；
判断所述截图是否包含有效内容；
当判断结果为否，返回所述获取所述访问路径的当前页面的截图；
当判断结果为是，所述截图即为有效截图。
可选的，所述判断所述截图是否包含有效内容，包括：
将所述截图进行像素提取，得到所述截图的像素色值数据；
判断所述像素色值数据是否为空值，当判断结果不为空值，即所述截图包含有效内容。
可选的，所述替换模块包括：
监控单元，用以监控所述目标页面加载完成情况；
替换单元，用以当所述目标页面加载完成，将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面。
本说明书还提供一种电子设备，其中，该电子设备包括：
处理器；以及，
存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行上述任一项方法。
本说明书还提供一种计算机可读存储介质，其中，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被处理器执行时，实现上述任一项方法。
本发明中，首先访问网页的时候，对当前页面将进行截图，得到当前页面的截图。对截图进行像素提取，得到截图的像素色值数据。通过判断像素色值数据是否为空值来判断截图是否为有效内容，当判断结果为是，截图为有效截图；当判断结果为否，返回获取当前页面的截图。分析有效截图三原色值，根据图像滤镜原理、预设规则对有效截图三原色值进行调节，得到屏幕骨架图像，将屏幕骨架图像渲染。获取用户的访问路径，根据访问路径在快照仓库中查找是否存在相对应的屏幕骨架图像，当查找结果为存在，获取屏幕骨架图像。按照访问路径再次访问页面，将渲染后的屏幕骨架图像展示给用户，目标页面加载完成后，用加载完成的目标页面替换渲染后的屏幕骨架图像，可以优化跳转网页，提高用户体验的功能。
附图说明
图1为本说明书实施例提供的一种跳转网页优化的方法的原理示意图；
图2为本说明书实施例提供的一种跳转网页优化的装置的结构示意图；
图3为本说明书实施例提供的一种电子设备的结构示意图；
图4为本说明书实施例提供的一种计算机可读介质的原理示意图。
具体实施方式
以下描述用于揭露本发明以使本领域技术人员能够实现本发明。以下描述中的优选实施例只作为举例，本领域技术人员可以想到其他显而易见的变型。在以下描述中界定的本发明的基本原理可以应用于其他实施方案、变形方案、改进方案、等同方案以及没有背离本发明的精神和范围的其他技术方案。
以下结合附图1-4对本申请作进一步详细说明。
本说明书实施例提供一种跳转网页优化的方法，包括：
获取用户的访问路径；
根据所述访问路径查找是否存在相对应的屏幕骨架图像，当查找结果为存在，获取所述屏幕骨架图像；
按照所述访问路径加载目标页面；
将渲染后的所述屏幕骨架图像展示给用户；
将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面，优化跳转网页。
本发明中，首先访问网页的时候，对当前页面将进行截图，得到当前页面的截图。对截图进行像素提取，得到截图的像素色值数据。通过判断像素色值数据是否为空值来判断截图是否为有效内容，当判断结果为是，截图为有效截图；当判断结果为否，返回获取当前页面的截图。分析有效截图三原色值，根据图像滤镜原理、预设规则对有效截图三原色值进行调节，得到屏幕骨架图像，将屏幕骨架图像渲染。获取用户的访问路径，根据访问路径在快照仓库中查找是否存在相对应的屏幕骨架图像，当查找结果为存在，获取屏幕骨架图像。按照访问路径再次访问页面，将渲染后的屏幕骨架图像展示给用户，目标页面加载完成后，用加载完成的目标页面替换渲染后的屏幕骨架图像，可以优化跳转网页，提高用户体验的功能。
现在将参考附图更全面地描述本发明的示例性实施例。然而，示例性实施例能够以多种形式实施，且不应被理解为本发明仅限于在此阐述的实施例。相反，提供这些示例性实施例能够使得本发明更加全面和完整，更加便于将发明构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的元件、组件或部分，因而将省略对它们的重复描述。
在符合本发明的技术构思的前提下，在某个特定的实施例中描述的特征、结构、特性或其他细节不排除可以以合适的方式结合在一个或更多其他的实施例中。
在对于具体实施例的描述中，本发明描述的特征、结构、特性或其他细节是为了使本领域的技术人员对实施例进行充分理解。但是，并不排除本领域技术人员可以实践本发明的技术方案而没有特定特征、结构、特性或其他细节的一个或更多。
附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。
附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
术语“和/或”或者“及/或”包括相关联的列出项目中的任一个或多者的所有组合。
图1为本说明书实施例提供的一种跳转网页优化的方法的原理示意图，该方法可以包括：
S101：获取用户的访问路径。
在本说明书实施例中，用户的访问路径包括网址、IP地址。
S102：根据所述访问路径查找是否存在相对应的屏幕骨架图像，当查找结果为存在，获取所述屏幕骨架图像。
在本说明书实施例中，通过网址、IP地址在快照仓库中查找是否存在对应的屏幕骨架图像，当网址、IP地址能匹配到对应的屏幕骨架图像，从快照仓库提取屏幕骨架图像。
在本说明书实施例中，所述根据所述访问路径查找是否存在相对应的屏幕骨架图像，包括：
获取有效截图；
将所述有效截图进行调节，得到所述屏幕骨架图像；
将所述屏幕骨架图像与所述访问路径进行映射关系绑定；
根据所述访问路径查找与所述屏幕骨架图像的映射关系；
当映射关系匹配，提取所述屏幕骨架图像。
在本说明书实施例中，获取有效截图，将有效截图进行调节，得到屏幕骨架图像。将屏幕骨架图像与网址、IP地址进行映射关系绑定，并将屏幕骨架图像保存至快照仓库。通过网址、IP地址在快照仓库中查找是否存在对应的屏幕骨架图像，当网址、IP地址能匹配到对应的屏幕骨架图像，从快照仓库提取屏幕骨架图像。
在本说明书实施例中，所述将所述有效截图进行调节，得到所述屏幕骨架图像，包括：
分析所述有效截图三原色值；
根据图像滤镜原理、预设规则对所述有效截图三原色值进行调节，得到所述屏幕骨架图像。
在本说明书实施例中，在获取有效截图后，对有效截图三原色值进行提取、分析，根据图像滤镜原理，通过预设规则，对有效截图三原色值进行调节，从而获得虚化后的屏幕骨架图像。
在本说明书实施例中，所述获取有效截图，包括：
获取所述访问路径的当前页面的截图；
判断所述截图是否包含有效内容；
当判断结果为否，返回所述获取所述访问路径的当前页面的截图；
当判断结果为是，所述截图即为有效截图。
在本说明书实施例中，获取网址、IP地址的当前页面的截图，判断截图是否包含有效内容，当包含有效内容时，截图即为有效截图；当不包含，说明截图为全空白的无用屏幕截图，全空白的无用截图并不能提高用户体验，所以需要返回获取网址、IP地址的当前页面的截图。
在本说明书实施例中，所述判断所述截图是否包含有效内容，包括：
将所述截图进行像素提取，得到所述截图的像素色值数据；
判断所述像素色值数据是否为空值，当判断结果为空值，即所述截图包含有效内容。
在本说明书实施例中，获得截图，对截图进行像素提取、分析，得到截图的像素色值数据。判断像素色值数据是否为空值，当判断结果为空值，截图包含有效内容；当判断结果为非空值，截图为全控的无用截图。
S103：按照所述访问路径加载目标页面。
在本说明书实施例中，再次访问网址、IP地址，加载目标页面。
S104：将渲染后的所述屏幕骨架图像展示给用户。
在本说明书实施例中，在加载目标页面的过程中，将渲染后的屏幕骨架图像展示给用户，提高用户体验。展示可通过Puppeteer，Puppeteer是基于DevTools(开发者工具，是内嵌在Chrome浏览器里的一组用于网页制作和调试的工具。)协议来控制HeadlessChrome(指在headless模式下运行谷歌浏览器)的Node(是一个基于Chrome V8引擎的JavaScript运行环境)库。
S105：将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面，优化跳转网页。
在本说明书实施例中，监控目标网页的加载过程，当监控到目标网页已经加载完成，将覆盖在目标网页上的屏幕骨架图像淡化、隐藏、移除，重新露出目标页面。
在本说明书实施例中，所述将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面，包括：
监控所述目标页面加载完成情况；
当所述目标页面加载完成，将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面。
在本说明书实施例中，监控目标网页的加载过程，当监控到目标网页已经加载完成，将覆盖在目标网页上的屏幕骨架图像淡化、隐藏、移除，重新露出目标页面。
本发明中，首先访问网页的时候，对当前页面将进行截图，得到当前页面的截图。对截图进行像素提取，得到截图的像素色值数据。通过判断像素色值数据是否为空值来判断截图是否为有效内容，当判断结果为是，截图为有效截图；当判断结果为否，返回获取当前页面的截图。分析有效截图三原色值，根据图像滤镜原理、预设规则对有效截图三原色值进行调节，得到屏幕骨架图像，将屏幕骨架图像渲染。获取用户的访问路径，根据访问路径在快照仓库中查找是否存在相对应的屏幕骨架图像，当查找结果为存在，获取屏幕骨架图像。按照访问路径再次访问页面，将渲染后的屏幕骨架图像展示给用户，目标页面加载完成后，用加载完成的目标页面替换渲染后的屏幕骨架图像，可以优化跳转网页，提高用户体验的功能。
图2本说明书实施例提供的一种跳转网页优化的装置的结构示意图，该装置可以包括：
获取模块，用以获取用户的访问路径；
查找模块，用以根据所述访问路径查找是否存在相对应的屏幕骨架图像，当查找结果为存在，获取所述屏幕骨架图像；
加载模块，用以按照所述访问路径加载目标页面；
展示模块，用以将渲染后的所述屏幕骨架图像展示给用户；
替换模块，用以将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面，优化跳转网页。
在本说明书实施例中，所述查找模块包括：
获取单元，用以获取有效截图；
调节单元，用以将所述有效截图进行调节，得到所述屏幕骨架图像；
映射单元，用以将所述屏幕骨架图像与所述访问路径进行映射关系绑定；
查找单元，用以根据所述访问路径查找与所述屏幕骨架图像的映射关系；
提取单元，用以当映射关系匹配，提取所述屏幕骨架图像。
在本说明书实施例中，所述调节单元包括：
分析所述有效截图三原色值；
根据图像滤镜原理、预设规则对所述有效截图三原色值进行调节，得到所述屏幕骨架图像。
在本说明书实施例中，所述获取单元包括：
获取所述访问路径的当前页面的截图；
判断所述截图是否包含有效内容；
当判断结果为否，返回所述获取所述访问路径的当前页面的截图；
当判断结果为是，所述截图即为有效截图。
在本说明书实施例中，所述判断所述截图是否包含有效内容，包括：
将所述截图进行像素提取，得到所述截图的像素色值数据；
判断所述像素色值数据是否为空值，当判断结果为空值，即所述截图包含有效内容。
在本说明书实施例中，所述替换模块包括：
监控单元，用以监控所述目标页面加载完成情况；
替换单元，用以当所述目标页面加载完成，将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面。
本发明中，首先访问网页的时候，对当前页面将进行截图，得到当前页面的截图。对截图进行像素提取，得到截图的像素色值数据。通过判断像素色值数据是否为空值来判断截图是否为有效内容，当判断结果为是，截图为有效截图；当判断结果为否，返回获取当前页面的截图。分析有效截图三原色值，根据图像滤镜原理、预设规则对有效截图三原色值进行调节，得到屏幕骨架图像，将屏幕骨架图像渲染。获取用户的访问路径，根据访问路径在快照仓库中查找是否存在相对应的屏幕骨架图像，当查找结果为存在，获取屏幕骨架图像。按照访问路径再次访问页面，将渲染后的屏幕骨架图像展示给用户，目标页面加载完成后，用加载完成的目标页面替换渲染后的屏幕骨架图像，可以优化跳转网页，提高用户体验的功能。
本发明实施例的装置的功能已经在上述的方法实施例中进行了描述，故本实施例的描述中未详尽之处，可以参见前述实施例中的相关说明，在此不做赘述。
基于同一发明构思，本说明书实施例还提供一种电子设备。
下面描述本发明的电子设备实施例，该电子设备可以视为对于上述本发明的方法和装置实施例的具体实体实施方式。对于本发明电子设备实施例中描述的细节，应视为对于上述方法或装置实施例的补充；对于在本发明电子设备实施例中未披露的细节，可以参照上述方法或装置实施例来实现。
图3为本说明书实施例提供的一种电子设备的结构示意图。下面参照图3来描述根据本发明该实施例的电子设备300。图3显示的电子设备300仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图3所示，电子设备300以通用计算设备的形式表现。电子设备300的组件可以包括但不限于：至少一个处理单元310、至少一个存储单元320、连接不同系统组件(包括存储单元320和处理单元310)的总线330、显示单元340等。
其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元310执行，使得所述处理单元310执行本说明书上述处理方法部分中描述的根据本发明各种示例性实施方式的步骤。例如，所述处理单元310可以执行如图1所示的步骤。
所述存储单元320可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)3201和/或高速缓存存储单元3202，还可以进一步包括只读存储单元(ROM)3203。
所述存储单元320还可以包括具有一组(至少一个)程序模块3205的程序/实用工具3204，这样的程序模块3205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线330可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备300也可以与一个或多个外部设备400(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备300交互的设备通信，和/或与使得该电子设备300能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口350进行。并且，电子设备300还可以通过网络适配器360与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。网络适配器360可以通过总线330与电子设备300的其它模块通信。应当明白，尽管图3中未示出，可以结合电子设备300使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施方式的描述，本领域的技术人员易于理解，本发明描述的示例性实施例可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本发明实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个计算机可读的存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、或者网络设备等)执行根据本发明的上述方法。当所述计算机程序被一个数据处理设备执行时，使得该计算机可读介质能够实现本发明的上述方法，即：如图1所示的方法。
图4为本说明书实施例提供的一种计算机可读介质的原理示意图。
实现图1所示方法的计算机程序可以存储于一个或多个计算机可读介质上。计算机可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
所述计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
综上所述，本发明可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)等通用数据处理设备来实现根据本发明实施例中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。
以上所述的具体实施例，对本发明的目的、技术方案和有益效果进行了进一步详细说明，应理解的是，本发明不与任何特定计算机、虚拟装置或者电子设备固有相关，各种通用装置也可以实现本发明。以上所述仅为本发明的具体实施例而已，并不用于限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。
以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。
Claims (9)
1.一种跳转网页优化的方法，其特征在于，包括：
获取用户的访问路径；
根据所述访问路径查找是否存在相对应的屏幕骨架图像，当查找结果为存在，获取所述屏幕骨架图像；
按照所述访问路径加载目标页面；
将渲染后的所述屏幕骨架图像展示给用户；
将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面，优化跳转网页。
2.如权利要求1所述的跳转网页优化的方法，其特征在于，所述根据所述访问路径查找屏幕骨架图像，包括：
获取有效截图；
将所述有效截图进行调节，得到所述屏幕骨架图像；
将所述屏幕骨架图像与所述访问路径进行映射关系绑定；
根据所述访问路径查找与所述屏幕骨架图像的映射关系；
当映射关系匹配，提取所述屏幕骨架图像。
3.如权利要求1-2所述的跳转网页优化的方法，其特征在于，所述将所述有效截图进行调节，得到所述屏幕骨架图像，包括：
分析所述有效截图三原色值；
根据图像滤镜原理、预设规则对所述有效截图三原色值进行调节，得到所述屏幕骨架图像。
4.如权利要求1-3所述的跳转网页优化的方法，其特征在于，所述获取有效截图，包括：
获取所述访问路径的当前页面的截图；
判断所述截图是否包含有效内容；
当判断结果为否，返回所述获取所述访问路径的当前页面的截图；
当判断结果为是，所述截图即为有效截图。
5.如权利要求1-4所述的跳转网页优化的方法，其特征在于，所述判断所述截图是否包含有效内容，包括：
将所述截图进行像素提取，得到所述截图的像素色值数据；
判断所述像素色值数据是否为空值，当判断结果不为空值，即所述截图包含有效内容。
6.如权利要求1-5所述的跳转网页优化的方法，其特征在于，所述将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面，包括：
监控所述目标页面加载完成情况；
当所述目标页面加载完成，将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面。
7.一种跳转网页优化的装置，其特征在于，包括：
获取模块，用以获取用户的访问路径；
查找模块，用以根据所述访问路径查找是否存在相对应的屏幕骨架图像，当查找结果为存在，获取所述屏幕骨架图像；
加载模块，用以按照所述访问路径加载目标页面；
展示模块，用以将渲染后的所述屏幕骨架图像展示给用户；
替换模块，用以将所述渲染后的所述屏幕骨架图像替换成加载完成的目标页面，优化跳转网页。
8.一种电子设备，其中，该电子设备包括：
处理器；
以及，存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行根据权利要求1-6中任一项所述的方法。
9.一种计算机可读存储介质，其中，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被处理器执行时，实现权利要求1-6中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110804556.6A CN113569177A (zh) | 2021-07-16 | 2021-07-16 | 一种跳转网页优化的方法、装置及电子设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110804556.6A CN113569177A (zh) | 2021-07-16 | 2021-07-16 | 一种跳转网页优化的方法、装置及电子设备 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113569177A true CN113569177A (zh) | 2021-10-29 |
Family
ID=78165122
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110804556.6A Pending CN113569177A (zh) | 2021-07-16 | 2021-07-16 | 一种跳转网页优化的方法、装置及电子设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113569177A (zh) |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103003847A (zh) * | 2010-05-16 | 2013-03-27 | 诺基亚公司 | 用于渲染基于位置的用户界面的方法和装置 |
| CN103986731A (zh) * | 2014-05-30 | 2014-08-13 | 北京奇虎科技有限公司 | 通过图片匹配来检测钓鱼网页的方法及装置 |
| CN109902248A (zh) * | 2019-02-25 | 2019-06-18 | 百度在线网络技术（北京）有限公司 | 页面显示方法、装置、计算机设备和可读存储介质 |
| CN110647702A (zh) * | 2019-09-12 | 2020-01-03 | 北京无限光场科技有限公司 | 一种图片预加载的方法、装置、电子设备及可读介质 |
| CN112100074A (zh) * | 2020-09-22 | 2020-12-18 | 腾讯科技（深圳）有限公司 | 一种界面诊断方法、装置、终端和计算机可读存储介质 |
| CN112287257A (zh) * | 2020-09-22 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | 一种页面展示方法、装置、电子设备及存储介质 |
| CN112286525A (zh) * | 2020-09-25 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | 骨架屏生成方法、装置及设备 |
| CN112307385A (zh) * | 2020-10-22 | 2021-02-02 | 北京达佳互联信息技术有限公司 | 网页数据加载和处理方法、装置、电子设备及存储介质 |
| CN112633270A (zh) * | 2020-12-29 | 2021-04-09 | 平安银行股份有限公司 | 基于图片识别的骨架屏生成方法、装置、设备及存储介质 |
| CN112650684A (zh) * | 2020-12-29 | 2021-04-13 | 杭州趣链科技有限公司 | 网页取证的验证方法、装置、设备及存储介质 |
| US20210133388A1 (en) * | 2019-10-31 | 2021-05-06 | Baidu Online Network Technology (Beijing) Co., Ltd. | Webpage rendering method, device, electronic apparatus and storage medium |
| CN113076504A (zh) * | 2021-06-03 | 2021-07-06 | 北京达佳互联信息技术有限公司 | 骨架屏生成方法、装置、设备、存储介质 |
-
2021
- 2021-07-16 CN CN202110804556.6A patent/CN113569177A/zh active Pending
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103003847A (zh) * | 2010-05-16 | 2013-03-27 | 诺基亚公司 | 用于渲染基于位置的用户界面的方法和装置 |
| CN103986731A (zh) * | 2014-05-30 | 2014-08-13 | 北京奇虎科技有限公司 | 通过图片匹配来检测钓鱼网页的方法及装置 |
| CN109902248A (zh) * | 2019-02-25 | 2019-06-18 | 百度在线网络技术（北京）有限公司 | 页面显示方法、装置、计算机设备和可读存储介质 |
| CN110647702A (zh) * | 2019-09-12 | 2020-01-03 | 北京无限光场科技有限公司 | 一种图片预加载的方法、装置、电子设备及可读介质 |
| US20210133388A1 (en) * | 2019-10-31 | 2021-05-06 | Baidu Online Network Technology (Beijing) Co., Ltd. | Webpage rendering method, device, electronic apparatus and storage medium |
| CN112100074A (zh) * | 2020-09-22 | 2020-12-18 | 腾讯科技（深圳）有限公司 | 一种界面诊断方法、装置、终端和计算机可读存储介质 |
| CN112287257A (zh) * | 2020-09-22 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | 一种页面展示方法、装置、电子设备及存储介质 |
| CN112286525A (zh) * | 2020-09-25 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | 骨架屏生成方法、装置及设备 |
| CN112307385A (zh) * | 2020-10-22 | 2021-02-02 | 北京达佳互联信息技术有限公司 | 网页数据加载和处理方法、装置、电子设备及存储介质 |
| CN112633270A (zh) * | 2020-12-29 | 2021-04-09 | 平安银行股份有限公司 | 基于图片识别的骨架屏生成方法、装置、设备及存储介质 |
| CN112650684A (zh) * | 2020-12-29 | 2021-04-13 | 杭州趣链科技有限公司 | 网页取证的验证方法、装置、设备及存储介质 |
| CN113076504A (zh) * | 2021-06-03 | 2021-07-06 | 北京达佳互联信息技术有限公司 | 骨架屏生成方法、装置、设备、存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20210406033A1 (en) | Method for running applets, and electronic device | |
| CN107066631A (zh) | 页面的显示方法、装置及电子设备 | |
| CN105868096B (zh) | 用于在浏览器中显示web页面测试结果的方法、装置及设备 | |
| US10721152B2 (en) | Automated analysis and recommendations for highly performant single page web applications | |
| WO2017081558A1 (en) | Monitoring and actuation of view controller parameters to reach deep states without manual developer intervention | |
| CN105243058A (zh) | 一种网页内容翻译方法及电子设备 | |
| CN102930058A (zh) | 一种在浏览器的地址栏中实现搜索的方法和装置 | |
| CN112905179A (zh) | 移动端h5页面生成方法、装置、电子设备和存储介质 | |
| CN112799663A (zh) | 页面显示方法、装置、计算机可读存储介质及电子设备 | |
| CN108197024B (zh) | 嵌入式浏览器调试方法、调试终端及计算机可读存储介质 | |
| CN110990001A (zh) | Ivr流程执行方法及装置 | |
| CN105354490B (zh) | 一种处理被劫持浏览器的方法及设备 | |
| CN107015986B (zh) | 一种爬虫爬取网页的方法及装置 | |
| CN114297700A (zh) | 动静态结合的移动应用隐私协议提取方法及相关设备 | |
| US8782626B2 (en) | Search suggestions for static code analysis | |
| CN113835737A (zh) | 一种前端项目添加权限的方法及系统 | |
| CN110959153A (zh) | 使用灵活后处理的应用分析 | |
| CN107077365B (zh) | 有选择地加载预编译的头部和/或其部分 | |
| CN113569177A (zh) | 一种跳转网页优化的方法、装置及电子设备 | |
| CN111125581A (zh) | 图片加载方法及装置 | |
| CN114817803A (zh) | 一种页面跳转方法、装置和电子设备 | |
| CN114756797A (zh) | 一种页面处理方法、装置、电子设备和存储介质 | |
| CN114237763A (zh) | 提高组件首次加载速度的方法、装置、设备、介质及产品 | |
| CN113760317A (zh) | 一种页面显示方法、装置、设备及存储介质 | |
| WO2015016623A1 (ko) | 웹 브라우저의 화면 표시 방법 |
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 |