Movatterモバイル変換


[0]ホーム

URL:


CN112115388A - Web page display method, mobile terminal and computer-readable storage medium - Google Patents

Web page display method, mobile terminal and computer-readable storage medium
Download PDF

Info

Publication number
CN112115388A
CN112115388ACN202010943422.8ACN202010943422ACN112115388ACN 112115388 ACN112115388 ACN 112115388ACN 202010943422 ACN202010943422 ACN 202010943422ACN 112115388 ACN112115388 ACN 112115388A
Authority
CN
China
Prior art keywords
data
display
data frame
webpage
web page
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
Application number
CN202010943422.8A
Other languages
Chinese (zh)
Inventor
赵剑萍
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangdong Oppo Mobile Telecommunications Corp Ltd
Shenzhen Huantai Technology Co Ltd
Original Assignee
Guangdong Oppo Mobile Telecommunications Corp Ltd
Shenzhen Huantai Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangdong Oppo Mobile Telecommunications Corp Ltd, Shenzhen Huantai Technology Co LtdfiledCriticalGuangdong Oppo Mobile Telecommunications Corp Ltd
Priority to CN202010943422.8ApriorityCriticalpatent/CN112115388A/en
Publication of CN112115388ApublicationCriticalpatent/CN112115388A/en
Pendinglegal-statusCriticalCurrent

Links

Images

Classifications

Landscapes

Abstract

Translated fromChinese

本申请公开了一种网页的显示方法、移动终端及计算机可读存储介质。该显示方法包括:获取渲染指令;若客户端与服务器的数据传输速度小于预设第一速度阈值,则基于渲染指令从服务器上拉取显示数据,显示数据包括文本数据和/或图片数据;将显示数据插入预加载的网页数据框架中进行显示,网页数据框架为客户端本地缓存的网页数据框架。通过上述方式,本申请能够在网速不正常的情况下有效地通过客户端本地缓存的网页数据框架对网页进行显示,从而大大地减少了浏览器与服务器的数据交互,进而降低了浏览器呈现对于网络速度的依赖。

Figure 202010943422

The present application discloses a method for displaying a webpage, a mobile terminal and a computer-readable storage medium. The display method includes: acquiring a rendering instruction; if the data transmission speed between the client and the server is less than a preset first speed threshold, pulling display data from the server based on the rendering instruction, where the display data includes text data and/or picture data; The display data is inserted into the preloaded web page data frame for display, and the web page data frame is the web page data frame cached locally by the client. Through the above method, the present application can effectively display the webpage through the webpage data frame cached locally by the client when the network speed is abnormal, thereby greatly reducing the data interaction between the browser and the server, thereby reducing the browser rendering Dependence on network speed.

Figure 202010943422

Description

Translated fromChinese
网页的显示方法、移动终端及计算机可读存储介质Web page display method, mobile terminal and computer-readable storage medium

技术领域technical field

本申请涉及网页浏览领域,特别是涉及一种网页的显示方法、移动终端及计算机可读存储介质。The present application relates to the field of web browsing, and in particular, to a method for displaying web pages, a mobile terminal and a computer-readable storage medium.

背景技术Background technique

随着网络技术的发展,用户使浏览网页的次数也日益攀升,因此网络数据的速度大小,对于用户浏览网页的影响也就至关重要。With the development of network technology, the number of times users browse web pages is also increasing day by day, so the speed of network data is very important for users to browse web pages.

在进行网页浏览的过程中,由于请求了网页的全部数据,往往就完全依赖网络数据的速度来对网页显示进行呈现,这大大地消耗了用户的流量。而且因为浏览器对网络数据的依赖程度较大,当网络不正常时大部分客户端往往就不能显示网页,如果发生网络数据断网,则网页浏览的功能则可能直接不能使用。In the process of web browsing, since all the data of the web page is requested, the web page display is often completely relied on the speed of the network data, which greatly consumes the traffic of the user. Moreover, because the browser relies heavily on network data, most clients often cannot display web pages when the network is abnormal. If the network data is disconnected from the network, the function of web browsing may not be available directly.

发明内容SUMMARY OF THE INVENTION

本申请实施例的第一方面提供了一种网页的显示方法,该显示方法包括:获取渲染指令;若客户端与服务器的数据传输速度小于预设第一速度阈值,则基于渲染指令从服务器上拉取显示数据,显示数据包括文本数据和/或图片数据;将显示数据插入预加载的网页数据框架中进行显示,网页数据框架为客户端本地缓存的网页数据框架。A first aspect of the embodiments of the present application provides a method for displaying a webpage, the display method includes: obtaining a rendering instruction; if the data transmission speed between the client and the server is less than a preset first speed threshold Pull the display data, which includes text data and/or picture data; insert the display data into the preloaded web page data frame for display, and the web page data frame is the web page data frame cached locally by the client.

本申请实施例的第二方面提供了一种移动终端,包括:获取模块,用于获取渲染指令;拉取模块,连接获取模块,若客户端与服务器的数据传输速度小于预设第一速度阈值,则用于基于渲染指令从服务器上拉取显示数据,显示数据包括文本数据和/或图片数据;显示模块,连接拉取模块,用于将显示数据插入预加载的网页数据框架中进行显示,网页数据框架为客户端本地缓存的网页数据框架。。A second aspect of the embodiments of the present application provides a mobile terminal, including: an acquisition module, configured to acquire rendering instructions; a pull module, connected to the acquisition module, if the data transmission speed between the client and the server is less than a preset first speed threshold , it is used to pull the display data from the server based on the rendering instruction, and the display data includes text data and/or image data; the display module is connected to the pull module, and is used to insert the display data into the preloaded web page data frame for display, The web page data frame is the web page data frame cached locally by the client. .

本申请实施例的第三方面提供了一种移动终端,包括:处理器和存储器,存储器中存储有计算机程序,处理器用于执行计算机程序以实现本申请实施例第一方面的显示方法。A third aspect of the embodiments of the present application provides a mobile terminal, including: a processor and a memory, where a computer program is stored in the memory, and the processor is configured to execute the computer program to implement the display method of the first aspect of the embodiments of the present application.

本申请实施例的第四方面提供了一种计算机可读存储介质,该计算机可读存储介质存储有计算机程序,计算机程序能够被处理器执行时实现本申请实施例第一方面提供的显示方法。A fourth aspect of the embodiments of the present application provides a computer-readable storage medium, where the computer-readable storage medium stores a computer program, and the computer program can implement the display method provided by the first aspect of the embodiments of the present application when the computer program is executed by a processor.

本申请的有益效果是:区别于现有技术的情况,本申请针对浏览器对网络数据的依赖程度较大,当网络不正常时大部分客户端往往就不能显示网页的情况,在数据传输速度小于预设第一速度阈值时,直接基于渲染指令从服务器上拉取显示数据插入到预加载的网页数据框架中进行显示。通过上述方式,在网速不正常的情况下有效地通过客户端本地缓存的网页数据框架对网页进行显示,从而大大地减少了浏览器与服务器的数据交互,进而降低了浏览器呈现对于网络速度的依赖。The beneficial effects of the present application are: different from the situation in the prior art, the present application is aimed at a greater degree of dependence of browsers on network data. When the network is abnormal, most clients often cannot display web pages. When the speed is less than the preset first speed threshold, the display data is directly pulled from the server based on the rendering instruction and inserted into the preloaded web page data frame for display. Through the above method, when the network speed is abnormal, the webpage can be effectively displayed through the webpage data frame cached locally by the client, thereby greatly reducing the data interaction between the browser and the server, thereby reducing the effect of browser rendering on the network speed. dependency.

附图说明Description of drawings

为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。In order to illustrate the technical solutions in the embodiments of the present application more clearly, the following briefly introduces the drawings that are used in the description of the embodiments. Obviously, the drawings in the following description are only some embodiments of the present application. For those of ordinary skill in the art, other drawings can also be obtained from these drawings without creative effort.

图1是本申请网页显示方法数据交互的系统框架示意图;1 is a schematic diagram of a system framework for data interaction in a web page display method of the present application;

图2是本申请的网页的显示方法第一实施例的流程示意图;2 is a schematic flowchart of a first embodiment of a method for displaying a webpage of the present application;

图3是本申请的网页的显示方法第二实施例的流程示意图;3 is a schematic flowchart of a second embodiment of a method for displaying a webpage according to the present application;

图4是图3中步骤S32一具体实施例的流程示意图;FIG. 4 is a schematic flowchart of a specific embodiment of step S32 in FIG. 3;

图5是图2中步骤S22一具体实施例的流程示意图;FIG. 5 is a schematic flowchart of a specific embodiment of step S22 in FIG. 2;

图6是图2中步骤S23一具体实施例的流程示意图;FIG. 6 is a schematic flowchart of a specific embodiment of step S23 in FIG. 2;

图7是本申请的网页的显示方法第三实施例的流程示意图;7 is a schematic flowchart of a third embodiment of a method for displaying a webpage of the present application;

图8是本申请的移动终端一实施例的示意框图;8 is a schematic block diagram of an embodiment of a mobile terminal of the present application;

图9是本申请的移动终端另一实施例的示意框图;FIG. 9 is a schematic block diagram of another embodiment of the mobile terminal of the present application;

图10是本申请的计算机可读存储介质一实施例的示意框图;10 is a schematic block diagram of an embodiment of a computer-readable storage medium of the present application;

图11是本申请云服务器的硬件架构的示意框图。FIG. 11 is a schematic block diagram of the hardware architecture of the cloud server of the present application.

具体实施方式Detailed ways

以下描述中,为了说明而不是为了限定,提出了诸如特定系统结构、技术之类的具体细节,以便透彻理解本申请实施例。然而,本领域的技术人员应当清楚,在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中,省略对众所周知的系统、装置、电路以及方法的详细说明,以免不必要的细节妨碍本申请的描述。In the following description, for the purpose of illustration rather than limitation, specific details such as a specific system structure and technology are set forth in order to provide a thorough understanding of the embodiments of the present application. However, it will be apparent to those skilled in the art that the present application may be practiced in other embodiments without these specific details. In other instances, detailed descriptions of well-known systems, devices, circuits, and methods are omitted so as not to obscure the description of the present application with unnecessary detail.

应当理解,当在本说明书和所附权利要求书中使用时,术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在,但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。It is to be understood that, when used in this specification and the appended claims, the term "comprising" indicates the presence of the described feature, integer, step, operation, element and/or component, but does not exclude one or more other features , whole, step, operation, element, component and/or the presence or addition of a collection thereof.

还应当理解,在此本申请说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本申请。如在本申请说明书和所附权利要求书中所使用的那样,除非上下文清楚地指明其它情况,否则单数形式的“一”、“一个”及“该”意在包括复数形式。It should also be understood that the terminology used in the specification of the application herein is for the purpose of describing particular embodiments only and is not intended to limit the application. As used in this specification and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural unless the context clearly dictates otherwise.

还应当进一步理解,在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合,并且包括这些组合。It should also be further understood that, as used in this specification and the appended claims, the term "and/or" refers to and including any and all possible combinations of one or more of the associated listed items .

如在本说明书和所附权利要求书中所使用的那样,术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地,短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。As used in this specification and the appended claims, the term "if" may be contextually interpreted as "when" or "once" or "in response to determining" or "in response to detecting" . Similarly, the phrases "if it is determined" or "if the [described condition or event] is detected" may be interpreted, depending on the context, to mean "once it is determined" or "in response to the determination" or "once the [described condition or event] is detected. ]" or "in response to detection of the [described condition or event]".

为了说明本申请所述的技术方案,下面通过具体实施例来进行说明。请参阅图1,图1是本申请网页显示方法数据交互的系统框架示意图。该网页显示方法数据交互的系统包括:网络服务器集群10、交换机20、路由器30、终端40,其中,网络服务器集群10包括网络服务器11、网络服务器12以及网络服务器13,客户端40包括移动终端41、移动终端42、台式电脑43以及台式电脑44。In order to illustrate the technical solutions described in the present application, the following specific embodiments are used for description. Please refer to FIG. 1. FIG. 1 is a schematic diagram of a system framework for data interaction in the webpage display method of the present application. The system for data interaction of the webpage display method includes: anetwork server cluster 10 , aswitch 20 , arouter 30 , and aterminal 40 , wherein thenetwork server cluster 10 includes a network server 11 , anetwork server 12 and anetwork server 13 , and theclient 40 includes amobile terminal 41 , amobile terminal 42 , adesktop computer 43 and adesktop computer 44 .

其中,客户端40可以通过交换机20或者路由器30等接入网设备接入网络连接到网络服务器集群10,当然,本领域技术人员可以通过本领域公知的其他方式是的客户端连接入网并与网络服务器集群10进行数据交互,以一个网络服务器11以及移动终端42为例进行说明,在实际应用中,可以有更多的固定终端、移动终端、接入网设备以及网络服务器。Theclient 40 can be connected to thenetwork server cluster 10 through the access network access network equipment such as theswitch 20 or therouter 30. Of course, those skilled in the art can connect to the network and connect to the network through other methods known in the art. Theserver cluster 10 performs data interaction, using a network server 11 and amobile terminal 42 as an example for illustration. In practical applications, there may be more fixed terminals, mobile terminals, access network equipment and network servers.

各客户端参与方与接入网设备的连接方式也可以有所不同,可以多个移动终端41至42通过同一个路由器30以及交换机20接入网络服务器11,也可以是一个台式电脑43通过一个接入设备比如交换机20连接网络服务器12。其中,路由器30与终端41至44之间一般通过无线网络进行连接,也可以通过有线网络进行连接。The connection method between each client participant and the access network equipment may also be different. Multiplemobile terminals 41 to 42 may be connected to the network server 11 through thesame router 30 and switch 20, or adesktop computer 43 may be connected through a An access device such as aswitch 20 is connected to thenetwork server 12 . Therouter 30 and theterminals 41 to 44 are generally connected through a wireless network, and may also be connected through a wired network.

下面结合图1的网络框架图,对本申请实施例中的网页的显示方法进行详细描述,请参阅图2,图2是本申请的网页的显示方法第一实施例的流程示意图,该显示方法包括:The following describes the display method of the webpage in the embodiment of the present application in detail with reference to the network frame diagram of FIG. 1. Please refer to FIG. 2. FIG. 2 is a schematic flowchart of the first embodiment of the webpage display method of the present application. The display method includes: :

S21:获取渲染指令;S21: Get the rendering instruction;

通常,在用户使用过浏览器浏览网页时,会点击需求区域,比如某个新闻的标题,对应的浏览器内核则可得知用户的需求,也即获取渲染指令。一般来说,网页渲染是浏览器的工作,大致分为加载、解析以及渲染三个步骤。Usually, when a user has used a browser to browse a web page, he or she will click on a demand area, such as the title of a news, and the corresponding browser kernel can know the user's demand, that is, obtain a rendering instruction. Generally speaking, web page rendering is the work of the browser, which is roughly divided into three steps: loading, parsing, and rendering.

其中,加载:根据请求的统一资源定位器(Uniform Resource Locator,URL)进行域名解析,向服务器发起请求,接收文件,比如:层叠样式表(Cascading Style Sheets,CSS)、网页标签(HTML)、JS文件(JavaScript)以及图象等。解析:指对加载到的资源(HTML、JS、CSS等)进行语法解析,建议相应的内部数据结构,比如HTML的文档对象模型(DocumentObject Model,DOM)树,JS的(对象)属性表,CSS的样式规则等。渲染:构建渲染树,对各个元素进行位置计算、样式计算等,然后根据渲染树对页面进行渲染(可以理解为“画”元素)。Among them, loading: perform domain name resolution according to the requested Uniform Resource Locator (URL), initiate a request to the server, and receive files, such as Cascading Style Sheets (CSS), web page tags (HTML), JS files (JavaScript) and images, etc. Parsing: refers to the grammatical parsing of the loaded resources (HTML, JS, CSS, etc.), and recommends corresponding internal data structures, such as HTML Document Object Model (DOM) tree, JS (object) attribute table, CSS style rules, etc. Rendering: Build a rendering tree, perform position calculation, style calculation, etc. on each element, and then render the page according to the rendering tree (which can be understood as a "painting" element).

值得注意的是,这几个过程不是完全孤立的,通常会存在交叉,比如HTML加载后就会进行解析,然后拉取HTML中指定的CSS、JS等。It is worth noting that these processes are not completely isolated, and there are usually intersections. For example, after HTML is loaded, it will be parsed, and then the CSS, JS, etc. specified in the HTML will be pulled.

S22:若客户端与服务器的数据传输速度小于预设第一速度阈值,则基于渲染指令从服务器上拉取显示数据;S22: If the data transmission speed between the client and the server is less than the preset first speed threshold, pull display data from the server based on the rendering instruction;

随着用户的移动,移动终端接收网络资源的速度也不断进行变化,并且针对各个网络服务商,网速大小也不同。以手机为例,比如移动4G基本保持在50Mbps,最高可达100Mbps是3G网速的20倍;电信4G网速是3G的10倍,顶峰值是150Mbps;联通4G网速是目前3G的10倍,顶峰值是186Mbps。As the user moves, the speed at which the mobile terminal receives network resources also changes constantly, and the network speed varies with each network service provider. Taking mobile phones as an example, for example, mobile 4G is basically maintained at 50Mbps, and the highest is 100Mbps, which is 20 times the speed of 3G; the speed of telecom 4G is 10 times that of 3G, and the peak value is 150Mbps; China Unicom's 4G network speed is 10 times that of current 3G. , the top peak is 186Mbps.

移动终端针对网络数据传输速度预设有第一速度阈值,用于判别移动终端是否网络不正常并且有网络,若客户端与服务器的数据传输速度小于预设第一速度阈值,则基于渲染指令从服务器上拉取显示数据,其中,显示数据包括文本数据和/或图片数据;The mobile terminal presets a first speed threshold for the network data transmission speed, which is used to determine whether the mobile terminal has an abnormal network and has a network. If the data transmission speed between the client and the server is less than the preset first speed threshold, based on the rendering instruction Pulling display data from the server, wherein the display data includes text data and/or picture data;

当然,本领域技术人员在本申请的技术启示下完全可以想到根据实际需要设置其他的第一速度阈值和网络不正常条件。Of course, those skilled in the art can fully imagine setting other first speed thresholds and abnormal network conditions according to actual needs under the technical inspiration of the present application.

S23:将显示数据插入预加载的网页数据框架中进行显示。S23: Insert the display data into the preloaded web page data frame for display.

网页数据框架可以为客户端本地缓存的网页数据框架,当用户实际点击某个链接时比如新闻链接,直接获取需要显示的显示数据比如文本和图片数据插入到预加载框架中进行显示即可,这样大大地缓解了对于网络速度拥塞影响,不需要从网络上加载大量的网页数据,能快速实时的呈现网页,可以达到秒开的效果,甚至还可以实现离线缓存网页的功能。The web page data frame can be the web page data frame cached locally by the client. When the user actually clicks on a link, such as a news link, it directly obtains the display data that needs to be displayed, such as text and image data, and inserts it into the preloaded frame for display. It greatly alleviates the impact of network speed congestion, does not need to load a large amount of web page data from the network, can quickly render web pages in real time, can achieve the effect of opening in seconds, and even realize the function of offline caching of web pages.

因此,本申请针对浏览器对网络数据的依赖程度较大的情况下,当网络不正常时大部分客户端往往就不能显示网页的情况,在数据传输速度小于预设第一速度阈值时,直接基于渲染指令从服务器上拉取显示数据插入到预加载的网页数据框架中进行显示。通过上述方式,在网速不正常的情况下有效地通过客户端本地缓存的网页数据框架对网页进行显示,从而大大地减少了浏览器与服务器的数据交互,进而降低了浏览器呈现对于网络速度的依赖。Therefore, the present application is aimed at the situation that browsers rely heavily on network data, and most clients cannot display web pages when the network is abnormal. When the data transmission speed is less than the preset first speed threshold, the The display data is pulled from the server based on the rendering instruction and inserted into the preloaded web page data frame for display. Through the above method, when the network speed is abnormal, the webpage can be effectively displayed through the webpage data frame cached locally by the client, thereby greatly reducing the data interaction between the browser and the server, thereby reducing the effect of browser rendering on the network speed. dependency.

请参阅图3,图3是本申请的网页的显示方法第二实施例的流程示意图。本申请的网页的显示方法在获取渲染指令之前,具体还包括以下步骤:Please refer to FIG. 3 , which is a schematic flowchart of a second embodiment of a method for displaying a webpage of the present application. Before acquiring the rendering instruction, the method for displaying a webpage of the present application further includes the following steps:

S31:启动浏览器;S31: start the browser;

一般来说,移动终端设置有工具软件,打开一款浏览器则可以上网以实现相关操作,比如看新闻、看字媒体上发表的文章并进行相关点击等等,因此若想获取渲染指令,也即用户点击某个新闻时由浏览器发起页面请求,则首先可以启动浏览器,以提升方案的实现性。Generally speaking, the mobile terminal is equipped with tool software, and you can open a browser to access the Internet to achieve related operations, such as watching news, reading articles published in the word media and making related clicks, etc. Therefore, if you want to obtain rendering instructions, you can also That is, when a user clicks on a certain news, the browser initiates a page request, and the browser can be started first to improve the implementation of the solution.

S32:本地缓存的网页数据框架是否需要更新;S32: Whether the locally cached web page data frame needs to be updated;

从上述图2中的步骤S21可以知道,网页渲染通常是浏览器的工作,若网页需要进行渲染,首先可以判断本地缓存的网页数据框架是否需要更新;若是,则表示本地缓存的网页数据框架需要更新,则进入步骤S33,也即:从服务器上拉取网页数据框架,以对本地缓存的网页数据框架进行更新;若否,则表示本地缓存的网页数据框架不需要更新,则进入步骤S34,也即:对网页数据框架中的资源数据进行预加载,也接启动浏览器内核。It can be known from step S21 in the above-mentioned FIG. 2 that web page rendering is usually the work of the browser. If the web page needs to be rendered, it can be first determined whether the locally cached web page data frame needs to be updated; if so, it means that the locally cached web page data frame needs to be updated. update, then go to step S33, that is: pull the web page data frame from the server to update the locally cached web page data frame; if not, it means that the locally cached web page data frame does not need to be updated, then go to step S34, That is: preload the resource data in the web page data frame, and then start the browser kernel.

S33:从服务器上拉取网页数据框架,以对本地缓存的网页数据框架进行更新;S33: Pull the web page data frame from the server to update the locally cached web page data frame;

S34:对网页数据框架中的资源数据进行预加载。S34: Preload the resource data in the web page data frame.

请参阅图4,图4是图3中步骤S32一具体实施例的流程示意图。也即本地缓存的网页数据框架是否需要更新,具体包括以下步骤:Please refer to FIG. 4 , which is a schematic flowchart of a specific embodiment of step S32 in FIG. 3 . That is, whether the locally cached web page data frame needs to be updated, which includes the following steps:

S41:本次缓存的策略时间是否在预设时间段内;S41: Whether the cached policy time is within a preset time period;

一般来说,移动终端针对不同的浏览器或者软件设置有不同的预设策略时间,比如字媒体更新快,且数量多,那么对应预设策略时间可以设置短一些;而当更新慢的一些软件比如地图等,因为地貌并不是像字媒体那样更新快,那么对应预设策略时间可以设置长一些。所以针对不同的浏览器或者软件,可以按照实际需求来设置对应策略时间。Generally speaking, mobile terminals have different preset policy times for different browsers or software. For example, if word media is updated quickly and the number of media is large, the preset policy time can be set to be shorter; For example, maps, etc., because landforms are not updated as fast as word media, the corresponding preset strategy time can be set longer. Therefore, for different browsers or software, the corresponding policy time can be set according to actual needs.

对于本地缓存的网页数据框架是否需要更新,则可以通过判断本次缓存的策略时间是否在预设时间段内,来对本地缓存的网页数据框架是否需要更新进行确定。若是,则表示在预设时间段内,则进入步骤S42,也即:确定本地缓存的网页数据框架不需要更新,并将网页数据框架中的资源数据进行预加载到内存中,具体地是对网页数据框架中的主资源数据和子资源数据进行加载。若否,则表示不在预设时间段内,则进入步骤S43,也即:确定本地缓存的网页数据框架需要更新。As for whether the locally cached web page data frame needs to be updated, it can be determined whether the locally cached web page data frame needs to be updated by judging whether the cached policy time is within a preset time period. If yes, it means within the preset time period, then go to step S42, that is, determine that the locally cached web page data frame does not need to be updated, and preload the resource data in the web page data frame into the memory, specifically to The main resource data and sub-resource data in the web page data frame are loaded. If not, it means that it is not within the preset time period, and the process goes to step S43, that is, it is determined that the locally cached webpage data frame needs to be updated.

更进一步地,在对本地的网页数据框架进行更新时,同步更新本地缓存的策略时间,策略时间用于判断本地的网页数据框架是否需要更新。如此设置,可以满足日益变化的浏览器更新速度。Furthermore, when updating the local web page data frame, the policy time of the local cache is updated synchronously, and the policy time is used to judge whether the local web page data frame needs to be updated. This setting can meet the ever-changing browser update speed.

更进一步地,请参阅图5,图5是图2中步骤S22一具体实施例的流程示意图。也即若客户端与服务器的数据传输速度小于预设第一速度阈值,则基于渲染指令从服务器上拉取显示数据,具体包括以下步骤:Further, please refer to FIG. 5 , which is a schematic flowchart of a specific embodiment of step S22 in FIG. 2 . That is, if the data transmission speed between the client and the server is less than the preset first speed threshold, the display data is pulled from the server based on the rendering instruction, which specifically includes the following steps:

S51:客户端是否存在预加载窗口;S51: Whether the client has a preloading window;

通常来说,只要用户使用过移动终端的浏览器,则移动终端的浏览器上设置有预加载窗口,用于插入显示数据,并通过切换到前台进行显示。但如果用户第一次使用该移动终端的浏览器,则可能浏览器中并不存在预加载窗口,因此,需要判断客户端是否存在预加载窗口,若不存在则进入步骤S52,也即窗口初始化,具体地,可以创建一个显示窗口。Generally speaking, as long as the user has used the browser of the mobile terminal, the browser of the mobile terminal is provided with a preloading window for inserting display data, which is displayed by switching to the foreground. However, if the user uses the browser of the mobile terminal for the first time, there may not be a preloading window in the browser. Therefore, it is necessary to determine whether there is a preloading window on the client side. If it does not exist, go to step S52, that is, window initialization , specifically, a display window can be created.

若存在预加载窗口,则进入步骤S53,进行进一步判断:客户端与服务器的数据传输速度是否小于预设的数据传输速度第一阈值;If there is a preloading window, then go to step S53 to further judge: whether the data transmission speed between the client and the server is less than the preset first threshold of the data transmission speed;

S53:客户端与服务器的数据传输速度是否小于预设的数据传输速度第一阈值;S53: Whether the data transmission speed between the client and the server is less than the preset first threshold of the data transmission speed;

对于网速的判断,移动终端设置有预设的数据传输速度第一阈值,用于判断网络的连接情况,所以,通过判断客户端与服务器的数据传输速度是否小于预设的数据传输速度第一阈值,可以对网络的具体情况进行划分,进而按照不同的处理方式对网页数据进行加载,若判定客户端与服务器的数据传输速度小于预设的数据传输速度第一阈值,则进入步骤S55,也即确定网络不正常;若判定客户端与服务器的数据传输速度不小于预设的数据传输速度第一阈值,则进入步骤S54,也即网页数据连网加载,按通常浏览网页的方式的线程进行处理。For the judgment of the network speed, the mobile terminal is set with a preset first threshold of data transmission speed, which is used to judge the connection of the network. Therefore, by judging whether the data transmission speed between the client and the server is lower than the preset data transmission speed, the first threshold is Threshold, the specific situation of the network can be divided, and then the web page data can be loaded according to different processing methods. If it is determined that the data transmission speed between the client and the server is less than the preset first threshold of the data transmission speed, then go to step S55, and also That is, it is determined that the network is abnormal; if it is determined that the data transmission speed between the client and the server is not less than the preset first threshold of the data transmission speed, then go to step S54, that is, the web page data is loaded online, and is performed according to the thread of the usual way of browsing web pages. deal with.

S56:数据传输速度是否大于预设的数据传输速度第二阈值;S56: whether the data transmission speed is greater than the preset second threshold of the data transmission speed;

为了在有网的情况下从服务器有效地进行显示数据的获取,若确定网络不正常,则可以进一步判断数据传输速度是否大于预设的数据传输速度第二阈值;若大于第二阈值,则进入步骤S57,也即基于渲染指令从服务器上拉取文本数据和/或图片数据;若不大于第二阈值,则进入步骤S58,也即网页数据离网加载。In order to effectively obtain the display data from the server when there is a network, if the network is determined to be abnormal, it can be further judged whether the data transmission speed is greater than the preset second threshold of the data transmission speed; if it is greater than the second threshold, enter the Step S57, that is, pulling text data and/or image data from the server based on the rendering instruction; if it is not greater than the second threshold, proceed to step S58, that is, loading the web page data off-grid.

具体地,可以启动离线页面切换模块,在离线数据页面组合模块中读取所有的缓存网页,按照标题进行返回给数据加载模块,在预加载窗口中加载这些离线本地网页链接,最后将预加载窗口切换到前台进行页面显示,用户就可以看见根据新闻标题进行排序的新闻链接,这些链接都是对应离线本地网页,所以可以在断网情况下进行浏览网页,由于是本地数据显示基本不需要时间,可以实现秒开。Specifically, the offline page switching module can be activated, read all cached webpages in the offline data page combination module, return to the data loading module according to the title, load these offline local webpage links in the preloading window, and finally load the preloading window Switch to the foreground to display the page, and the user can see the news links sorted according to the news title. These links are corresponding to offline local webpages, so they can browse webpages when the network is disconnected. Because the local data display basically takes no time, Can be opened in seconds.

更进一步地,请参阅图6,图6是图2中步骤S23一具体实施例的流程示意图。在图5的基础上,对将显示数据插入预加载的网页数据框架中进行显示,网页数据框架为客户端本地缓存的网页数据框架进行进一步细化描述,具体包括以下步骤:Further, please refer to FIG. 6 , which is a schematic flowchart of a specific embodiment of step S23 in FIG. 2 . On the basis of FIG. 5 , insert the display data into the preloaded web page data frame for display, and the web page data frame is the web page data frame cached locally by the client to further describe in detail, including the following steps:

S61:采用数据页面组合模块按照标题对显示数据在预加载的网页数据框架进行组合处理;S61: Use the data page combination module to combine and process the display data in the preloaded web page data frame according to the title;

如果有网络情形下,浏览器内核获取到用户点击的区域,比如新闻标题后,启动数据查询模块,先从缓存数据中查找是否有之前预加载的数据。如果有,则直接从缓存模块中返回需要加载的数据,返回给预加载窗口当前的数据框架页面。If there is a network situation, the browser kernel obtains the area clicked by the user, such as a news headline, and starts the data query module to first check whether there is previously preloaded data from the cached data. If there is, it will directly return the data to be loaded from the cache module, and return it to the current data frame page of the preloading window.

通常,具体地,可以采用数据页面组合模块按照标题对显示数据在预加载的网页数据框架进行组合处理,其中,显示数据包括文本数据和/或图片数据;比如将获取的文字和/或图片按照新闻标题在预加载的网页数据框架进行组合处理,以形成一个固定的显示模块。Usually, specifically, the data page combination module can be used to combine and process the display data in the preloaded web page data frame according to the title, wherein the display data includes text data and/or picture data; News headlines are combined in a preloaded web data frame to form a fixed display module.

当然,如果缓存模块中没有之前预加载的数据,也就意味着发送异步请求,比如网络请求,从服务器上拉取需要显示的文本和图片数据,服务器返回的数据可以直接给到数据框架模块进行加载处理。Of course, if there is no pre-loaded data in the cache module, it means sending an asynchronous request, such as a network request, to pull the text and image data to be displayed from the server, and the data returned by the server can be directly sent to the data frame module for processing. Load processing.

S62:将组合完成后的显示数据插入浏览器中进行排版;S62: Insert the combined display data into the browser for typesetting;

通常,对于一款浏览器,通常网页数据框架更新速度的所需时段相对于其内容更新速度的所需时段更长,因此其浏览器的排版也通常是较为固定的模块。Generally, for a browser, the required time period for the update speed of the data frame of the web page is usually longer than the required time period for the update speed of its content, so the layout of the browser is usually a relatively fixed module.

当文字和/或图片按照新闻标题在预加载的网页数据框架进行组合处理完成后,可以形成一个固定的显示模块,因此,触发浏览器排版显示,可以将组合完成后的显示数据插入浏览器中进行排版。When the text and/or pictures are combined and processed in the preloaded web page data frame according to the news title, a fixed display module can be formed. Therefore, the typesetting display in the browser is triggered, and the combined display data can be inserted into the browser. Typesetting.

S63:将排版完成后的显示数据切换到预加载窗口进行显示。S63: Switch the display data after the typesetting is completed to the preloading window for display.

排版完成后,显示数据可以切换到预加载窗口进行显示,这时也可以直接将预加载窗口切换到前台进行显示。这种场景下,虽然网速不正常,但不需要加载大量的数据,只需要从服务器上获取少量的文本和图片数据,对于整个网页来说数据量很小,基本不需要多少用户流量,使得浏览器渲染文本和/或图片更快。After the typesetting is completed, the display data can be switched to the preloading window for display, and at this time, the preloading window can also be directly switched to the foreground for display. In this scenario, although the network speed is abnormal, there is no need to load a large amount of data, only a small amount of text and image data needs to be obtained from the server. Browsers render text and/or images faster.

另外,请参阅图7,图7是本申请的网页的显示方法第三实施例的流程示意图。本申请实施例提供网页的显示方法第三实施例,除了以上的步骤,更进一步地,该显示方法还具体包括以下步骤:In addition, please refer to FIG. 7 , which is a schematic flowchart of a third embodiment of a method for displaying a webpage of the present application. The embodiment of the present application provides a third embodiment of a method for displaying a webpage, in addition to the above steps, further, the display method further specifically includes the following steps:

S71:更新网页数据框架、文本数据和/或图片数据,以使更新本地缓存;S71: Update the web page data frame, text data and/or picture data to update the local cache;

通常,移动终端也存在离网的情况,因此,在平时网络状态较好的情况下,可以更新本地缓存,具体地,可以更新网页数据框架、文本数据和/或图片数据,以防备可能出现网络不正常的情况发生。Usually, the mobile terminal is also disconnected from the network. Therefore, when the network status is usually good, the local cache can be updated. Specifically, the webpage data frame, text data and/or picture data can be updated to prevent the possibility of network failure. An abnormal situation occurs.

当浏览器启动完成后,可以初始化离线数据缓存模块,该离线数据缓存模块主要用于在用户断网情况下可以在通过本地数据框架和提前拉取的离线显示数据进行页面显示;根据获取的新闻数据标题,也可以是多个新闻数据标题,利用这几个标题从服务器上拉取需要显示的文本和图片数据,保存在数据缓存模块中;在利用离线数据页面组合模块,将获取到的数据根据新闻标题把这些数据组合成各自的网页,把这些网页保存到本地缓存中。After the browser is started, the offline data cache module can be initialized. The offline data cache module is mainly used to display the page through the local data frame and the offline display data pulled in advance when the user is disconnected from the network; according to the obtained news The data title can also be multiple news data titles. Use these titles to pull the text and picture data to be displayed from the server and save them in the data cache module; when using the offline data page combination module, the acquired data Combine this data into individual web pages based on news headlines, and save these web pages to a local cache.

S72:在数据传输速度小于第二阈值时,根据随机模型的随机算法获取渲染指令;S72: when the data transmission speed is less than the second threshold, obtain the rendering instruction according to the random algorithm of the random model;

对于断网情况的判断,移动终端预设有第二阈值,当在数据传输速度小于第二阈值时,可以判断移动终端已经断网或离网,此时浏览器呈现原有的固定屏幕或者呈现白屏,为了获取渲染指令,可以根据随机模型的随机算法获取渲染指令,比如,通过随机模型的随机算法获取渲染指令。For the judgment of network disconnection, the mobile terminal is preset with a second threshold. When the data transmission speed is less than the second threshold, it can be judged that the mobile terminal has been disconnected or disconnected from the network. At this time, the browser displays the original fixed screen or presents For a blank screen, in order to obtain rendering instructions, the rendering instructions can be obtained according to the random algorithm of the random model. For example, the rendering instructions can be obtained through the random algorithm of the random model.

值得注意的是,这是在文本和图片均有在本地进行缓存的情况下,基于用户点击使用随机模型从本地缓存中拿取并显示文字和/或图片。It is worth noting that this is when both text and images are cached locally, and a random model is used to fetch and display text and/or images from the local cache based on user clicks.

S73:基于渲染指令通过本地缓存对网页数据框架、文本数据以及图片数据进行显示。S73: Display the webpage data frame, text data, and image data through the local cache based on the rendering instruction.

因为有网的情况下,移动终端在本地的缓存中对网页数据框架、文本数据以及图片数据进行了保存,所以在离网的情况下,基于渲染指令可以通过本地缓存获取网页数据框架、文本数据以及图片数据,并对网页数据框架、文本数据以及图片数据进行显示。Because the mobile terminal saves the web page data frame, text data and image data in the local cache when there is a network, so in the case of off-grid, the web page data frame and text data can be obtained through the local cache based on rendering instructions. and picture data, and display the web page data frame, text data and picture data.

因此,由于基本上都是从本地预加载数据,从而大大地减少了浏览器与服务器的数据交互,进而降低了浏览器呈现对于网络速度的依赖,同时可以大大的提高浏览器渲染和网络下载数据数据,基本可以实现直接显示效果,不存在延时,并且还可以实现离线网页查看,大大地提高了用户体验。Therefore, since the data is basically preloaded from the local area, the data interaction between the browser and the server is greatly reduced, thereby reducing the dependence of the browser rendering on the network speed, and at the same time, the browser rendering and network downloading data can be greatly improved. The data can basically be displayed directly without delay, and offline web page viewing can also be realized, which greatly improves the user experience.

请参阅图8,图8是本申请的移动终端一实施例的示意框图;本申请实施例提供一种移动终端700,包括:Please refer to FIG. 8. FIG. 8 is a schematic block diagram of an embodiment of a mobile terminal of the present application; an embodiment of the present application provides amobile terminal 700, including:

获取模块701,用于获取渲染指令;an obtainingmodule 701, configured to obtain rendering instructions;

拉取模块702,连接获取模块701,若客户端与服务器的数据传输速度小于预设第一速度阈值,则用于基于渲染指令从服务器上拉取显示数据,显示数据包括文本数据和/或图片数据;The pullingmodule 702, theconnection obtaining module 701, if the data transmission speed between the client and the server is less than the preset first speed threshold, it is used to pull the display data from the server based on the rendering instruction, and the display data includes text data and/or pictures data;

显示模块703,连接拉取模块702,用于将显示数据插入预加载的网页数据框架中进行显示,网页数据框架为客户端本地缓存的网页数据框架。Thedisplay module 703 is connected to thepull module 702, and is used for inserting the display data into the preloaded web page data frame for display, and the web page data frame is the web page data frame locally cached by the client.

因此,本申请针对浏览器对网络数据的依赖程度较大,当网络不正常时大部分客户端往往就不能显示网页的情况,在数据传输速度小于预设第一速度阈值时,直接基于渲染指令从服务器上拉取显示数据插入到预加载的网页数据框架中进行显示。通过上述方式,在网速不正常的情况下有效地通过客户端本地缓存的网页数据框架对网页进行显示,从而大大地减少了浏览器与服务器的数据交互,进而降低了浏览器呈现对于网络速度的依赖。Therefore, the present application is aimed at the fact that browsers rely heavily on network data. When the network is abnormal, most clients often cannot display web pages. When the data transmission speed is less than the preset first speed threshold, the rendering instruction is directly based on the Pull the display data from the server and insert it into the preloaded web page data frame for display. Through the above method, when the network speed is abnormal, the webpage can be effectively displayed through the webpage data frame cached locally by the client, thereby greatly reducing the data interaction between the browser and the server, thereby reducing the effect of browser rendering on the network speed. dependency.

进一步地,请参见图9,图9是本申请移动终端另一实施例的示意图。本申请实施例提供另一种移动终端8,包括:处理器81和存储器82,存储器82中存储有计算机程序821,处理器81用于执行计算机程序821以本申请实施例第一方面以及本申请实施例第三方面的定制方法,在此不再赘述。Further, please refer to FIG. 9, which is a schematic diagram of another embodiment of the mobile terminal of the present application. This embodiment of the present application provides anothermobile terminal 8, including: aprocessor 81 and amemory 82, where acomputer program 821 is stored in thememory 82, and theprocessor 81 is configured to execute thecomputer program 821 to execute the first aspect of the embodiment of the present application and the present application The customization method of the third aspect of the embodiment will not be repeated here.

请参阅图10,图10是本申请的计算机可读存储介质一实施例的示意框图。如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在计算机可读存储介质200中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储装置中,包括若干指令(计算机程序201)用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(processor)执行本申请各个实施方式方法的全部或部分步骤。而前述的存储装置包括:U盘、移动硬盘、只读存储器(ROM,Read-OnlyMemory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种介质以及具有上述存储介质的电脑、手机、笔记本电脑、平板电脑、相机等电子设备。Please refer to FIG. 10 , which is a schematic block diagram of an embodiment of a computer-readable storage medium of the present application. If implemented in the form of a software functional unit and sold or used as a stand-alone product, it may be stored in the computer-readable storage medium 200 . Based on such understanding, the technical solution of the present application can be embodied in the form of a software product in essence, or the part that contributes to the prior art, or all or part of the technical solution, and the computer software product is stored in a storage device , including several instructions (computer program 201 ) for making a computer device (which may be a personal computer, a server, or a network device, etc.) or a processor to execute all or part of the steps of the methods of the various embodiments of the present application. The aforementioned storage devices include: U disk, mobile hard disk, Read-Only Memory (ROM, Read-Only Memory), Random Access Memory (RAM, Random Access Memory), magnetic disks or optical disks and other media, as well as storage media with the above-mentioned storage media. Computers, mobile phones, laptops, tablets, cameras and other electronic devices.

关于计算机可读存储介质中的计算机程序的执行过程的阐述可以参照上述本申请移动终端8的控制方法实施例中阐述,在此不再赘述。For the description of the execution process of the computer program in the computer-readable storage medium, reference may be made to the description in the above-mentioned embodiments of the control method for themobile terminal 8 of the present application, which will not be repeated here.

请参阅图11,图11是本申请可穿戴设备的硬件架构的示意框图,该移动终端900可以为手机、平板电脑以及笔记本电脑等,本实施例图示以手机为例。该可移动终端900的结构可以包括射频(radio frequency,RF)电路910、存储器920、输入单元930、显示单元940、传感器950、音频电路960、WiFi(wireless fidelity)模块970、处理器980以及电源990等。其中,RF电路910、存储器920、输入单元930、显示单元940、传感器950、音频电路960以及WiFi模块970分别与处理器980连接;电源990用于为整个移动终端900提供电能。Please refer to FIG. 11 . FIG. 11 is a schematic block diagram of the hardware architecture of the wearable device of the present application. Themobile terminal 900 may be a mobile phone, a tablet computer, a notebook computer, or the like. In this embodiment, a mobile phone is used as an example. The structure of themobile terminal 900 may include a radio frequency (RF)circuit 910, amemory 920, aninput unit 930, adisplay unit 940, asensor 950, anaudio circuit 960, a WiFi (wireless fidelity)module 970, aprocessor 980 and apower supply 990 etc. TheRF circuit 910 , thememory 920 , theinput unit 930 , thedisplay unit 940 , thesensor 950 , theaudio circuit 960 and theWiFi module 970 are respectively connected to theprocessor 980 ;

具体而言,RF电路910用于接发信号;存储器920用于存储数据指令信息;输入单元930用于输入信息,具体可以包括触控面板931以及操作按键等其他输入设备932;显示单元940则可以包括显示面板等;传感器950包括红外传感器、激光传感器等,用于检测用户接近信号、距离信号等;扬声器961以及传声器(或者麦克风)962通过音频电路960与处理器980连接,用于接发声音信号;WiFi模块970则用于接收和发射WiFi信号,处理器980用于处理移动终端的数据信息。Specifically, theRF circuit 910 is used to send and receive signals; thememory 920 is used to store data instruction information; theinput unit 930 is used to input information, which may specifically include atouch panel 931 andother input devices 932 such as operation keys; thedisplay unit 940 is used for Thesensor 950 may include a display panel, etc.; thesensor 950 includes an infrared sensor, a laser sensor, etc., used to detect user proximity signals, distance signals, etc.; thespeaker 961 and the microphone (or microphone) 962 are connected to theprocessor 980 through theaudio circuit 960 for sending and receiving sound signal; theWiFi module 970 is used for receiving and transmitting WiFi signals, and theprocessor 980 is used for processing the data information of the mobile terminal.

以上所述仅为本申请的部分实施例,并非因此限制本申请的保护范围,凡是利用本申请说明书及附图内容所作的等效装置或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本申请的专利保护范围内。The above descriptions are only part of the embodiments of the present application, and are not intended to limit the protection scope of the present application. Any equivalent device or equivalent process transformation made by using the contents of the description and drawings of the present application, or directly or indirectly applied to other related The technical field is similarly included in the scope of patent protection of this application.

Claims (11)

CN202010943422.8A2020-09-092020-09-09 Web page display method, mobile terminal and computer-readable storage mediumPendingCN112115388A (en)

Priority Applications (1)

Application NumberPriority DateFiling DateTitle
CN202010943422.8ACN112115388A (en)2020-09-092020-09-09 Web page display method, mobile terminal and computer-readable storage medium

Applications Claiming Priority (1)

Application NumberPriority DateFiling DateTitle
CN202010943422.8ACN112115388A (en)2020-09-092020-09-09 Web page display method, mobile terminal and computer-readable storage medium

Publications (1)

Publication NumberPublication Date
CN112115388Atrue CN112115388A (en)2020-12-22

Family

ID=73802858

Family Applications (1)

Application NumberTitlePriority DateFiling Date
CN202010943422.8APendingCN112115388A (en)2020-09-092020-09-09 Web page display method, mobile terminal and computer-readable storage medium

Country Status (1)

CountryLink
CN (1)CN112115388A (en)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN113961851A (en)*2021-11-242022-01-21广州繁星互娱信息科技有限公司Webpage loading method and device, storage medium and electronic equipment
CN114065080A (en)*2021-11-262022-02-18腾讯科技(深圳)有限公司Page rendering method, device, equipment and computer readable storage medium
CN114756786A (en)*2020-12-282022-07-15Tcl商用信息科技(惠州)有限责任公司 A web page display method, system, terminal and medium
CN115292642A (en)*2022-07-292022-11-04深圳市六度人和科技有限公司Page display method and device, storage medium and computer equipment
CN115348352A (en)*2022-07-192022-11-15钉钉(中国)信息技术有限公司Page access method and system
CN117520691A (en)*2024-01-082024-02-06成都安世赛斯特软件技术有限公司Method and device for displaying item data, storage medium and electronic equipment

Citations (4)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN105512278A (en)*2015-12-042016-04-20小米科技有限责任公司Webpage display method and device
CN108197264A (en)*2017-12-292018-06-22广东欧珀移动通信有限公司Webpage acceleration display method and device, mobile terminal and storage medium
CN109376318A (en)*2018-09-032019-02-22中国平安人寿保险股份有限公司A kind of page loading method, computer readable storage medium and terminal device
CN109756524A (en)*2017-11-012019-05-14温世文A kind of Webpage display process and device

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN105512278A (en)*2015-12-042016-04-20小米科技有限责任公司Webpage display method and device
CN109756524A (en)*2017-11-012019-05-14温世文A kind of Webpage display process and device
CN108197264A (en)*2017-12-292018-06-22广东欧珀移动通信有限公司Webpage acceleration display method and device, mobile terminal and storage medium
CN109376318A (en)*2018-09-032019-02-22中国平安人寿保险股份有限公司A kind of page loading method, computer readable storage medium and terminal device

Cited By (10)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN114756786A (en)*2020-12-282022-07-15Tcl商用信息科技(惠州)有限责任公司 A web page display method, system, terminal and medium
CN114756786B (en)*2020-12-282025-04-08Tcl商用信息科技(惠州)有限责任公司Webpage display method, system, terminal and medium
CN113961851A (en)*2021-11-242022-01-21广州繁星互娱信息科技有限公司Webpage loading method and device, storage medium and electronic equipment
CN114065080A (en)*2021-11-262022-02-18腾讯科技(深圳)有限公司Page rendering method, device, equipment and computer readable storage medium
CN114065080B (en)*2021-11-262023-06-13腾讯科技(深圳)有限公司Page rendering method, device, equipment and computer readable storage medium
CN115348352A (en)*2022-07-192022-11-15钉钉(中国)信息技术有限公司Page access method and system
CN115292642A (en)*2022-07-292022-11-04深圳市六度人和科技有限公司Page display method and device, storage medium and computer equipment
CN115292642B (en)*2022-07-292023-10-13深圳市六度人和科技有限公司Page display method and device, storage medium and computer equipment
CN117520691A (en)*2024-01-082024-02-06成都安世赛斯特软件技术有限公司Method and device for displaying item data, storage medium and electronic equipment
CN117520691B (en)*2024-01-082024-04-02成都安世赛斯特软件技术有限公司 An itemized data display method, device, storage medium and electronic equipment

Similar Documents

PublicationPublication DateTitle
CN112115388A (en) Web page display method, mobile terminal and computer-readable storage medium
US20200241719A1 (en)System and method for visual analysis of on-image gestures
US9235557B2 (en)System and method thereof for dynamically associating a link to an information resource with a multimedia content displayed in a web-page
US20190342334A1 (en)Method, client, and server for preventing web page hijacking
US11106745B2 (en)Method and apparatus for notifying a user of updated content for a webpage
CN108347648B (en)Dynamic adjustment of video quality
US9503499B1 (en)Concealing latency in display of pages
US10109079B2 (en)Method and apparatus for processing tab in graphical interface
US20110173569A1 (en)Preview Functionality for Increased Browsing Speed
JP6328233B2 (en) Computer program product, system and method for optimizing web page loading
US11960834B2 (en)Reader mode-optimized attention application
US20150161089A1 (en)Method, Device And Mobile Terminal For Restoring Page
WO2014206072A1 (en)Web page previewing method and system
JP2011018314A (en)Method, system and computer program for sharing web page
US20140325323A1 (en)Online video playing method and apparatus and computer readable medium
EP3080722B1 (en)Web page rendering on wireless devices
CN109948090A (en)Webpage loading method and device
WO2022152156A1 (en)Method and apparatus for processing historical browsing content, and electronic device and storage medium
CN106202578A (en)A kind of browser local information synchronization processing method and device
US8832288B1 (en)Transitions between remotely cached and live versions of a webpage
CN107992615B (en)Website recommendation method, server and terminal
US20080229258A1 (en)Navigable screensaver and method for implementing same
TW200939730A (en)Method of browsing network information by hand-held communication device
CN118035585A (en)Webpage resource loading method and device, terminal equipment and storage medium
CN111984868A (en)Method and device for controlling webpage browsing in browser

Legal Events

DateCodeTitleDescription
PB01Publication
PB01Publication
SE01Entry into force of request for substantive examination
SE01Entry into force of request for substantive examination

[8]ページ先頭

©2009-2025 Movatter.jp