Movatterモバイル変換


[0]ホーム

URL:


CN106528617B - A kind of method and device that Web page picture is shown - Google Patents

A kind of method and device that Web page picture is shown
Download PDF

Info

Publication number
CN106528617B
CN106528617BCN201610872017.5ACN201610872017ACN106528617BCN 106528617 BCN106528617 BCN 106528617BCN 201610872017 ACN201610872017 ACN 201610872017ACN 106528617 BCN106528617 BCN 106528617B
Authority
CN
China
Prior art keywords
webpage
thumbnail
picture
identifier
acquisition request
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.)
Active
Application number
CN201610872017.5A
Other languages
Chinese (zh)
Other versions
CN106528617A (en
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.)
Beijing Xiaomi Mobile Software Co Ltd
Original Assignee
Beijing Xiaomi Mobile Software 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 Beijing Xiaomi Mobile Software Co LtdfiledCriticalBeijing Xiaomi Mobile Software Co Ltd
Priority to CN201610872017.5ApriorityCriticalpatent/CN106528617B/en
Publication of CN106528617ApublicationCriticalpatent/CN106528617A/en
Application grantedgrantedCritical
Publication of CN106528617BpublicationCriticalpatent/CN106528617B/en
Activelegal-statusCriticalCurrent
Anticipated expirationlegal-statusCritical

Links

Classifications

Landscapes

Abstract

Translated fromChinese

本公开是关于一种网页图片显示的方法及装置,涉及信息处理技术领域,该方法包括:获取待显示网页包括的网页图片的标识;向服务器发送第一获取请求;接收并显示该服务器发送的缩略图;检测到该缩略图被选择时,向该服务器发送第二获取请求;接收并显示该网页图片。在本公开实施例中,终端向服务器发送第一获取请求获取该网页图片的缩略图,并将接收到的该网页图片的缩略图进行显示,当检测到缩略图被选择时,通过向服务器发送第二获取请求获取该缩略图对应的网页图片,并将接收到该网页图片进行显示,避免了在相关技术中终端耗费大量流量直接显示全部网页图片时,用户对显示的网页图片不感兴趣而造成的不必要的流量浪费。

The present disclosure relates to a method and device for displaying webpage pictures, and relates to the technical field of information processing. The method includes: acquiring the identification of the webpage pictures included in the webpage to be displayed; sending a first acquisition request to a server; receiving and displaying the information sent by the server Thumbnail image; when detecting that the thumbnail image is selected, send a second acquisition request to the server; receive and display the web page image. In the embodiment of the present disclosure, the terminal sends a first acquisition request to the server to obtain the thumbnail of the webpage picture, and displays the received thumbnail of the webpage picture, and when it detects that the thumbnail is selected, it sends to the server The second acquisition request acquires the webpage picture corresponding to the thumbnail, and displays the received webpage picture, which avoids the problem that the user is not interested in the displayed webpage picture when the terminal consumes a large amount of traffic to directly display all the webpage pictures in the related technology. unnecessary traffic waste.

Description

Translated fromChinese
一种网页图片显示的方法及装置Method and device for displaying web page pictures

技术领域technical field

本公开涉及信息处理技术领域,尤其涉及一种网页图片显示的方法及装置。The present disclosure relates to the technical field of information processing, in particular to a method and device for displaying webpage pictures.

背景技术Background technique

随着信息处理技术的不断发展,越来越多的用户选择通过终端的浏览器浏览网页。通常,网页中可以包含多种类型的网页信息,比如网页图片、视频、文字等等。其中,网页图片的显示是网页信息显示过程中非常重要的一部分。With the continuous development of information processing technology, more and more users choose to browse webpages through browsers of terminals. Generally, a web page may contain various types of web page information, such as web page pictures, videos, text, and the like. Wherein, the display of the web page picture is a very important part in the process of displaying the web page information.

相关技术中,终端在检测到需要显示的网页信息中包含图片后,获取该网页图片的存储地址,基于该网页图片的存储地址,向服务器获取该网页图片,之后,将该网页图片进行显示。In related technologies, after detecting that the webpage information to be displayed contains a picture, the terminal obtains the storage address of the webpage picture, obtains the webpage picture from a server based on the storage address of the webpage picture, and then displays the webpage picture.

发明内容Contents of the invention

为克服相关技术中存在的问题,本公开提供一种网页图片显示的方法及装置。In order to overcome the problems existing in related technologies, the present disclosure provides a method and device for displaying webpage pictures.

根据本公开实施例的第一方面,提供一种网页图片显示的方法,所述方法包括:According to a first aspect of an embodiment of the present disclosure, a method for displaying a web page picture is provided, the method comprising:

获取待显示网页包括的网页图片的标识;Obtaining the identification of the webpage picture included in the webpage to be displayed;

向服务器发送第一获取请求,所述第一获取请求携带所述网页图片的标识,所述第一获取请求用于所述服务器根据所述网页图片的标识获取所述网页图片的缩略图;Sending a first acquisition request to the server, the first acquisition request carrying the identifier of the webpage picture, and the first acquisition request is used for the server to acquire a thumbnail of the webpage picture according to the identifier of the webpage picture;

接收并显示所述服务器发送的所述缩略图;receiving and displaying the thumbnail image sent by the server;

检测到所述缩略图被选择时,向所述服务器发送第二获取请求,所述第二获取请求携带所述被选择的缩略图的标识,所述第二获取请求用于所述服务器根据所述被选择的缩略图的标识获取所述网页图片;When it is detected that the thumbnail is selected, a second acquisition request is sent to the server, the second acquisition request carries the identifier of the selected thumbnail, and the second acquisition request is used by the server according to the selected The logo of the selected thumbnail image is used to obtain the webpage picture;

接收并显示所述网页图片。receiving and displaying the webpage picture.

可选地,所述第一获取请求还携带缩略比例,用于所述服务器根据所述网页图片的标识和所述缩略比例获取所述网页图片的缩略图。Optionally, the first acquisition request also carries a thumbnail ratio, which is used for the server to acquire the thumbnail of the webpage picture according to the identifier of the webpage picture and the thumbnail ratio.

可选地,所述方法还包括:Optionally, the method also includes:

在显示所述待显示网页时,从所述服务器中获取位于第一位置和第二位置之间的网页内容,所述第一位置为终端屏幕底部在所述待显示网页中对应的位置,所述第二位置位于所述第一位置之后,所述第一位置和所述第二位置之间的间隔为预设长度。When displaying the webpage to be displayed, obtain from the server the webpage content between the first position and the second position, the first position is the corresponding position at the bottom of the terminal screen in the webpage to be displayed, so The second position is located behind the first position, and the interval between the first position and the second position is a preset length.

可选地,所述方法还包括:Optionally, the method also includes:

当检测到针对所述待显示网页的滑动操作后,根据滑动所述待显示网页的滑动速度,确定在当前时间与第一时间之间即将加载的网页内容,所述第一时间在所述当前时间之后且与所述当前时间的时间差为预设时间;After detecting the sliding operation for the webpage to be displayed, according to the sliding speed of the webpage to be displayed, determine the content of the webpage to be loaded between the current time and the first time, and the first time is between the current time and the first time. After the time and the time difference from the current time is a preset time;

获取并加载所述确定的网页内容。Obtain and load the determined webpage content.

根据本公开实施例的第二方面,提供一种网页图片显示的方法,所述方法包括:According to a second aspect of an embodiment of the present disclosure, a method for displaying a web page picture is provided, the method comprising:

接收终端发送的第一获取请求,所述第一获取请求携带所述终端待显示网页信息包括的网页图片的标识;receiving a first acquisition request sent by the terminal, where the first acquisition request carries an identifier of a webpage picture included in the webpage information to be displayed by the terminal;

根据所述网页图片的标识获取所述网页图片的缩略图,向所述终端发送所述缩略图;Acquiring a thumbnail of the webpage picture according to the identifier of the webpage picture, and sending the thumbnail to the terminal;

接收所述终端检测到所述缩略图被选择时发送的第二获取请求,所述第二获取请求携带所述被选择的缩略图的标识;receiving a second acquisition request sent when the terminal detects that the thumbnail is selected, where the second acquisition request carries an identifier of the selected thumbnail;

根据所述被选择的缩略图的标识获取所述网页图片;acquiring the webpage picture according to the identifier of the selected thumbnail;

向所述终端发送所述网页图片,以使所述终端显示所述网页图片。sending the webpage picture to the terminal, so that the terminal displays the webpage picture.

可选地,所述根据所述网页图片的标识获取所述网页图片的缩略图,包括:Optionally, the acquiring the thumbnail of the webpage picture according to the identification of the webpage picture includes:

根据所述网页图片的标识,查找映射表中是否存在所述网页图片的标识对应的缩略图的标识;According to the identification of the web page picture, look up whether there is an identification of the thumbnail image corresponding to the identification of the web page picture in the mapping table;

如果查找出所述网页图片的标识对应的缩略图的标识,根据所述缩略图的标识获取所述缩略图。If the identifier of the thumbnail image corresponding to the identifier of the web page image is found out, the thumbnail image is acquired according to the identifier of the thumbnail image.

可选地,所述方法还包括:Optionally, the method also includes:

如果没有查找出所述网页图片的标识对应的缩略图的标识,根据所述网页图片的标识获取所述网页图片,压缩所述网页图片得到至少一个缩略比例的缩略图。If the identifier of the thumbnail corresponding to the identifier of the webpage image is not found, the webpage image is obtained according to the identifier of the webpage image, and the webpage image is compressed to obtain a thumbnail with at least one thumbnail ratio.

可选地,所述根据所述网页图片的标识,查找映射表中是否存在所述网页图片的标识对应的缩略图的标识,包括:Optionally, according to the identifier of the webpage picture, searching whether there is an identifier of the thumbnail image corresponding to the identifier of the webpage picture in the mapping table includes:

如果所述第一获取请求还携带缩略比例,则根据所述网页图片的标识和所述缩略比例,查找映射表中是否存在所述网页图片的标识和所述缩略比例对应的缩略图的标识。If the first acquisition request also carries a thumbnail ratio, then according to the logo of the webpage picture and the thumbnail ratio, look up whether there is a thumbnail corresponding to the logo of the webpage picture and the thumbnail ratio in the mapping table logo.

根据本公开实施例的第三方面,提供一种网页图片显示的装置,所述装置包括:According to a third aspect of the embodiments of the present disclosure, there is provided a device for displaying webpage pictures, the device comprising:

第一获取模块,用于获取待显示网页包括的网页图片的标识;The first obtaining module is used to obtain the identification of the web page picture included in the web page to be displayed;

第一发送模块,用于向服务器发送第一获取请求,所述第一获取请求携带所述网页图片的标识,所述第一获取请求用于所述服务器根据所述网页图片的标识获取所述网页图片的缩略图;The first sending module is configured to send a first acquisition request to the server, the first acquisition request carries the identifier of the webpage picture, and the first acquisition request is used for the server to acquire the webpage image according to the identifier of the webpage Thumbnails of images on web pages;

第一显示模块,用于接收并显示所述服务器发送的所述缩略图;a first display module, configured to receive and display the thumbnail image sent by the server;

第二发送模块,用于检测到所述缩略图被选择时,向所述服务器发送第二获取请求,所述第二获取请求携带所述被选择的缩略图的标识,所述第二获取请求用于所述服务器根据所述被选择的缩略图的标识获取所述网页图片;The second sending module is configured to send a second acquisition request to the server when detecting that the thumbnail is selected, the second acquisition request carries the identifier of the selected thumbnail, and the second acquisition request It is used for the server to obtain the web page picture according to the identifier of the selected thumbnail;

第二显示模块,用于接收并显示所述网页图片。The second display module is used to receive and display the web page picture.

可选地,所述第一发送模块发送的第一获取请求还携带缩略比例,用于所述服务器根据所述网页图片的标识和所述缩略比例获取所述网页图片的缩略图。Optionally, the first acquisition request sent by the first sending module also carries a thumbnail ratio, which is used for the server to acquire the thumbnail of the webpage picture according to the identifier of the webpage picture and the thumbnail ratio.

可选地,所述装置还包括:Optionally, the device also includes:

第二获取模块,用于在显示所述待显示网页时,从所述服务器中获取位于第一位置和第二位置之间的网页内容,所述第一位置为终端屏幕底部在所述待显示网页中对应的位置,所述第二位置位于所述第一位置之后,所述第一位置与所述第二位置之间的间隔为预设长度。The second obtaining module is used to obtain the web page content between the first position and the second position from the server when displaying the web page to be displayed, the first position is at the bottom of the terminal screen on the web page to be displayed For the corresponding position in the webpage, the second position is located behind the first position, and the interval between the first position and the second position is a preset length.

可选地,所述装置还包括:Optionally, the device also includes:

确定模块,用于当检测到针对所述待显示网页的滑动操作后,根据滑动所述待显示网页的滑动速度,确定在当前时间与第一时间之间即将加载的网页内容,所述第一时间在所述当前时间之后且与所述当前时间的时间差为预设时间;The determination module is configured to determine the content of the webpage to be loaded between the current time and the first time according to the sliding speed of the webpage to be displayed after detecting the sliding operation on the webpage to be displayed, the first time The time is after the current time and the time difference from the current time is a preset time;

加载模块,用于获取并加载所述确定的网页内容。A loading module, configured to acquire and load the determined webpage content.

根据本公开实施例的第四方面,提供一种网页图片显示的装置,所述装置包括:According to a fourth aspect of the embodiments of the present disclosure, there is provided a device for displaying webpage pictures, the device comprising:

第一接收模块,用于接收终端发送的第一获取请求,所述第一获取请求携带所述终端待显示网页信息包括的网页图片的标识;The first receiving module is configured to receive a first acquisition request sent by the terminal, where the first acquisition request carries an identifier of a webpage picture included in the webpage information to be displayed by the terminal;

第三发送模块,用于根据所述网页图片的标识获取所述网页图片的缩略图,向所述终端发送所述缩略图;A third sending module, configured to acquire a thumbnail of the webpage picture according to the identifier of the webpage picture, and send the thumbnail to the terminal;

第二接收模块,用于接收所述终端检测到所述缩略图被选择时发送的第二获取请求,所述第二获取请求携带所述被选择的缩略图的标识;The second receiving module is configured to receive a second acquisition request sent when the terminal detects that the thumbnail is selected, where the second acquisition request carries an identifier of the selected thumbnail;

第三获取模块,用于根据所述被选择的缩略图的标识获取所述网页图片;A third acquiring module, configured to acquire the webpage picture according to the identifier of the selected thumbnail;

第四发送模块,用于向所述终端发送所述网页图片,以使所述终端显示所述网页图片。A fourth sending module, configured to send the webpage picture to the terminal, so that the terminal displays the webpage picture.

可选地,所述第三发送模块,包括:Optionally, the third sending module includes:

查找子模块,用于根据所述网页图片的标识,查找映射表中是否存在所述网页图片的标识对应的缩略图的标识;A search submodule, configured to search the mapping table for an identifier of a thumbnail corresponding to the identifier of the webpage image according to the identifier of the webpage image;

获取子模块,用于如果查找出所述网页图片的标识对应的缩略图的标识,根据所述缩略图的标识获取所述缩略图。The acquisition sub-module is configured to acquire the thumbnail according to the identifier of the thumbnail if the identification of the thumbnail corresponding to the identification of the web page picture is found.

可选地,所述装置还包括:Optionally, the device also includes:

压缩模块,用于如果没有查找出所述网页图片的标识对应的缩略图的标识,根据所述网页图片的标识获取所述网页图片,压缩所述网页图片得到至少一个缩略比例的缩略图。The compression module is used to obtain the webpage picture according to the logo of the webpage picture if the identification of the thumbnail corresponding to the webpage picture is not found, and compress the webpage picture to obtain a thumbnail with at least one thumbnail ratio.

可选地,所述查找子模块用于:Optionally, the search submodule is used for:

如果所述第一获取请求还携带缩略比例,则根据所述网页图片的标识和所述缩略比例,查找映射表中是否存在所述网页图片的标识和所述缩略比例对应的缩略图的标识。If the first acquisition request also carries a thumbnail ratio, then according to the logo of the webpage picture and the thumbnail ratio, look up whether there is a thumbnail corresponding to the logo of the webpage picture and the thumbnail ratio in the mapping table logo.

根据本公开实施例的第五方面,提供一种网页图片显示的装置,所述装置包括:According to a fifth aspect of the embodiments of the present disclosure, there is provided a device for displaying webpage pictures, the device comprising:

处理器;processor;

用于存储处理器可执行指令的存储器;memory for storing processor-executable instructions;

其中,所述处理器被配置为:Wherein, the processor is configured as:

获取待显示网页包括的网页图片的标识;Obtaining the identification of the webpage picture included in the webpage to be displayed;

向服务器发送第一获取请求,所述第一获取请求携带所述网页图片的标识,所述第一获取请求用于所述服务器根据所述网页图片的标识获取所述网页图片的缩略图;Sending a first acquisition request to the server, the first acquisition request carrying the identifier of the webpage picture, and the first acquisition request is used for the server to acquire a thumbnail of the webpage picture according to the identifier of the webpage picture;

接收并显示所述服务器发送的所述缩略图;receiving and displaying the thumbnail image sent by the server;

检测到所述缩略图被选择时,向所述服务器发送第二获取请求,所述第二获取请求携带所述被选择的缩略图的标识,所述第二获取请求用于所述服务器根据所述被选择的缩略图的标识获取所述网页图片;When it is detected that the thumbnail is selected, a second acquisition request is sent to the server, the second acquisition request carries the identifier of the selected thumbnail, and the second acquisition request is used by the server according to the selected The logo of the selected thumbnail image is used to obtain the webpage picture;

接收并显示所述网页图片。receiving and displaying the webpage picture.

本公开的实施例提供的技术方案可以包括以下有益效果:终端向服务器发送第一获取请求获取所述网页图片的缩略图,并将接收到的所述缩略图进行显示,当检测到缩略图被选择时,通过向服务器发送第二获取请求获取所述缩略图对应的所述网页图片,并将接收到所述网页图片进行显示,避免了在相关技术中终端耗费大量流量直接显示网页图片时,用户对显示的网页图片不感兴趣而造成的不必要的流量浪费。同时,本公开实施例通过从所述服务器中获取在所述第一位置之后且长度为预设长度的网页内容以及根据滑动速度获取并加载当前时间与第一时间内即将加载的网页内容,实时获取网页内容,相较于相关技术中的一次性加载所有网页内容,避免了用户只浏览部分网页内容造成的流量浪费。The technical solutions provided by the embodiments of the present disclosure may include the following beneficial effects: the terminal sends a first acquisition request to the server to obtain the thumbnail of the web page picture, and displays the received thumbnail, when it is detected that the thumbnail is When selecting, the webpage picture corresponding to the thumbnail is obtained by sending a second acquisition request to the server, and the received webpage picture is displayed, which avoids when the terminal consumes a large amount of traffic to directly display the webpage picture in the related technology, Unnecessary waste of traffic caused by users not being interested in the displayed webpage pictures. At the same time, the embodiment of the present disclosure acquires from the server the webpage content that is after the first position and has a length of a preset length, and acquires and loads the webpage content to be loaded at the current time and the first time according to the sliding speed, in real time. Obtaining webpage content, compared with the one-time loading of all webpage content in related technologies, avoids traffic waste caused by users only browsing part of webpage content.

应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure.

附图说明Description of drawings

此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the invention and together with the description serve to explain the principles of the invention.

图1是根据一示例性实施例示出的一种网页图片显示的方法的流程图。Fig. 1 is a flow chart of a method for displaying a web page picture according to an exemplary embodiment.

图2是根据一示例性实施例示出的一种网页图片显示地方法的流程图。Fig. 2 is a flow chart of a method for displaying pictures on a web page according to an exemplary embodiment.

图3是根据一示例性实施例示出的一种网页图片显示的方法的流程图。Fig. 3 is a flow chart of a method for displaying a web page picture according to an exemplary embodiment.

图4A是根据一示例性实施例示出的一种网页图片显示的装置的框图。Fig. 4A is a block diagram of an apparatus for displaying webpage pictures according to an exemplary embodiment.

图4B是根据一示例性实施例示出的一种网页图片显示的装置的框图。Fig. 4B is a block diagram of an apparatus for displaying webpage pictures according to an exemplary embodiment.

图4C是根据一示例性实施例示出的一种网页图片显示的装置的框图。Fig. 4C is a block diagram of an apparatus for displaying webpage pictures according to an exemplary embodiment.

图5A是根据一示例性实施例示出的一种网页图片显示的装置的框图。Fig. 5A is a block diagram of an apparatus for displaying webpage pictures according to an exemplary embodiment.

图5B是根据一示例性实施例示出的一种网页图片显示的装置的框图。Fig. 5B is a block diagram of an apparatus for displaying webpage pictures according to an exemplary embodiment.

图6是根据一示例性实施例示出的一种网页图片显示的装置的框图。Fig. 6 is a block diagram of an apparatus for displaying webpage pictures according to an exemplary embodiment.

图7是根据一示例性实施例示出的一种网页图片显示的装置的框图。Fig. 7 is a block diagram of an apparatus for displaying webpage pictures according to an exemplary embodiment.

具体实施方式Detailed ways

这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numerals in different drawings refer to the same or similar elements unless otherwise indicated. The implementations described in the following exemplary examples do not represent all implementations consistent with the present invention. Rather, they are merely examples of apparatuses and methods consistent with aspects of the invention as recited in the appended claims.

在对本公开实施例进行详细的解释说明之前,先对本公开实施例的应用场景予以介绍。随着信息处理技术的发展,越来越多的人采用移动终端的浏览器浏览网页图片,浏览器通常可以包括普通浏览模式和智能省流量模式。如果用户使用数据流量上网,例如使用3G或4G等移动无线网络上网,用户可以将浏览器的模式设置为智能省流量模式以节省数据流量。相应地,当终端检测到浏览器模式设置为智能省流量模式时,判断终端当前是否处于数据流量模式;如果终端处于数据流量模式时,则可以通过以下提供的任一实施例显示网页中包括的网页图片,从而达到节省流量的目的。Before explaining and describing the embodiments of the present disclosure in detail, the application scenarios of the embodiments of the present disclosure will be introduced first. With the development of information processing technology, more and more people use the browser of the mobile terminal to browse webpage pictures, and the browser can generally include a normal browsing mode and an intelligent traffic-saving mode. If the user uses data traffic to surf the Internet, such as using mobile wireless networks such as 3G or 4G to surf the Internet, the user can set the mode of the browser to the smart traffic saving mode to save data traffic. Correspondingly, when the terminal detects that the browser mode is set to the intelligent traffic-saving mode, it is judged whether the terminal is currently in the data traffic mode; if the terminal is in the data traffic mode, any of the embodiments provided below may be used to display the Web page pictures, so as to achieve the purpose of saving traffic.

图1是根据一示例性实施例示出的一种网页图片显示的方法的流程图,如图1所示,该网页图片显示的方法用于终端中,包括以下步骤:Fig. 1 is a flow chart of a method for displaying a webpage picture according to an exemplary embodiment. As shown in Fig. 1, the method for displaying a webpage picture is used in a terminal and includes the following steps:

在步骤101中,获取待显示网页包括的网页图片的标识。In step 101, an identifier of a webpage picture included in the webpage to be displayed is acquired.

在步骤102中,向服务器发送第一获取请求,第一获取请求携带该网页图片的标识,第一获取请求用于该服务器根据该网页图片的标识获取该网页图片的缩略图。In step 102, a first acquisition request is sent to the server, the first acquisition request carries the identifier of the webpage picture, and the first acquisition request is used for the server to acquire the thumbnail of the webpage picture according to the identifier of the webpage picture.

在步骤103中,接收并显示该服务器发送的缩略图。In step 103, the thumbnail image sent by the server is received and displayed.

在步骤104中,检测到该缩略图被选择时,向该服务器发送第二获取请求,第二获取请求携带该被选择的缩略图的标识,第二获取请求用于该服务器根据该被选择的缩略图的标识获取该网页图片。In step 104, when it is detected that the thumbnail is selected, a second acquisition request is sent to the server, the second acquisition request carries the identifier of the selected thumbnail, and the second acquisition request is used by the server to The logo of the thumbnail gets the picture of the web page.

在步骤105中,接收并显示该网页图片。In step 105, the web page picture is received and displayed.

在本公开实施例中,终端向服务器发送第一获取请求获取网页图片的缩略图,并将接收到的缩略图进行显示,当检测到缩略图被选择时,通过向服务器发送第二获取请求获取缩略图对应的网页图片,并将接收到网页图片进行显示,避免了在相关技术中终端耗费大量流量直接显示网页图片时,用户对显示的网页图片不感兴趣而造成的不必要的流量浪费。In the embodiment of the present disclosure, the terminal sends the first acquisition request to the server to obtain the thumbnail of the webpage picture, and displays the received thumbnail, and when it detects that the thumbnail is selected, the terminal sends the second acquisition request to the server to obtain The webpage pictures corresponding to the thumbnails are received and displayed, which avoids unnecessary traffic waste caused by users not being interested in the displayed webpage pictures when the terminal consumes a large amount of traffic to directly display the webpage pictures in related technologies.

可选地,第一获取请求还携带缩略比例,用于该服务器根据该网页图片的标识和该缩略比例获取该网页图片的缩略图。Optionally, the first acquisition request also carries a thumbnail ratio, which is used for the server to acquire the thumbnail of the webpage picture according to the identifier of the webpage picture and the thumbnail ratio.

可选地,该方法还包括:Optionally, the method also includes:

在显示待显示网页时,从该服务器中获取位于第一位置和第二位置之间的网页内容,该第一位置为终端屏幕底部在该待显示网页中对应的位置,该第二位置位于该第一位置之后,该第一位置与该第二位置之间的间隔为预设长度。When displaying the webpage to be displayed, obtain the webpage content between the first position and the second position from the server, the first position is the corresponding position at the bottom of the terminal screen in the webpage to be displayed, and the second position is located at the After the first position, the interval between the first position and the second position is a preset length.

可选地,该方法还包括:Optionally, the method also includes:

当检测到针对该待显示网页的滑动操作后,根据滑动该待显示网页的滑动速度,确定在当前时间与第一时间之间即将加载的网页内容,该第一时间在该当前时间之后且与该当前时间的时间差为预设时间;After detecting the sliding operation for the webpage to be displayed, according to the sliding speed of the webpage to be displayed, determine the webpage content to be loaded between the current time and the first time, the first time is after the current time and is the same as The time difference of the current time is the preset time;

获取并加载确定的网页内容。Obtain and load the determined web page content.

上述所有可选技术方案,均可按照任意结合形成本公开的可选实施例,本公开实施例对此不再一一赘述。All the above optional technical solutions may be combined in any way to form optional embodiments of the present disclosure, which will not be described in detail in the embodiments of the present disclosure.

图2是根据一示例性实施例示出的一种网页图片显示的方法的流程图,如图2所示,该网页图片显示的方法用于服务器中,包括以下步骤:Fig. 2 is a flow chart of a method for displaying a webpage picture according to an exemplary embodiment. As shown in Fig. 2, the method for displaying a webpage picture is used in a server and includes the following steps:

在步骤201中,接收终端发送的第一获取请求,第一获取请求携带该终端待显示网页信息包括的网页图片的标识。In step 201, a first acquisition request sent by a terminal is received, and the first acquisition request carries an identifier of a webpage picture included in the webpage information to be displayed by the terminal.

在步骤202中,根据该网页图片的标识获取该网页图片的缩略图,向该终端发送该缩略图。In step 202, a thumbnail of the webpage picture is acquired according to the identifier of the webpage picture, and the thumbnail is sent to the terminal.

在步骤203中,接收该终端检测到该缩略图被选择时发送的第二获取请求,该第二获取请求携带该被选择的缩略图的标识。In step 203, a second acquisition request sent when the terminal detects that the thumbnail is selected is received, and the second acquisition request carries the identifier of the selected thumbnail.

在步骤204中,根据该被选择的缩略图的标识获取该网页图片。In step 204, the web page picture is acquired according to the identifier of the selected thumbnail.

在步骤205中,向该终端发送该网页图片,以使该终端显示该网页图片。In step 205, the webpage picture is sent to the terminal, so that the terminal displays the webpage picture.

在本公开实施例中,服务器根据终端发送的第一获取请求中携带的网页图片的标识,查找该网页图片的标识对应的该网页图片的缩略图,并向终端发送该缩略图,之后,当接收到终端发送的第二获取请求之后,基于该第二获取请求中携带的缩略图的标识获取并发送该缩略图对应的网页图片,以使该终端显示该网页图片,避免了在相关技术中服务器直接向终端发送网页图片后,终端直接显示该网页图片时,由于用户对显示的网页图片不感兴趣而造成的不必要的流量浪费。In the embodiment of the present disclosure, the server searches for the thumbnail of the webpage picture corresponding to the webpage picture identifier according to the webpage picture identifier carried in the first acquisition request sent by the terminal, and sends the thumbnail to the terminal. After that, when After receiving the second acquisition request sent by the terminal, acquire and send the webpage picture corresponding to the thumbnail based on the identifier of the thumbnail image carried in the second acquisition request, so that the terminal displays the webpage picture, avoiding the After the server directly sends the webpage picture to the terminal, when the terminal directly displays the webpage picture, unnecessary traffic waste is caused because the user is not interested in the displayed webpage picture.

可选地,根据该网页图片的标识获取该网页图片的缩略图,包括:Optionally, obtaining the thumbnail of the webpage picture according to the identification of the webpage picture includes:

根据该网页图片的标识,查找映射表中是否存在该网页图片的标识对应的缩略图的标识;According to the logo of the webpage picture, find out whether there is the logo of the thumbnail image corresponding to the logo of the webpage picture in the mapping table;

如果查找出该网页图片的标识对应的缩略图的标识,根据该缩略图的标识获取该缩略图。If the identifier of the thumbnail image corresponding to the identifier of the web page image is found out, the thumbnail image is obtained according to the identifier of the thumbnail image.

可选地,该方法还包括:Optionally, the method also includes:

如果没有查找出该网页图片的标识对应的缩略图的标识,根据该网页图片的标识获取该网页图片,压缩该网页图片得到至少一个缩略比例的缩略图。If the identification of the thumbnail image corresponding to the identification of the web page image is not found, the web page image is obtained according to the identification of the web page image, and the web page image is compressed to obtain a thumbnail image with at least one thumbnail ratio.

可选地,该根据该网页图片的标识,查找映射表中是否存在该网页图片的标识对应的缩略图的标识,包括:Optionally, according to the identification of the web page picture, it is searched whether there is an identification of the thumbnail corresponding to the identification of the web page picture in the mapping table, including:

如果该第一获取请求还携带缩略比例,则根据该网页图片的标识和该缩略比例,查找映射表中是否存在该网页图片的标识和该缩略比例对应的缩略图的标识。If the first acquisition request also carries a thumbnail ratio, then according to the logo of the webpage picture and the thumbnail ratio, look up whether the logo of the webpage picture and the logo of the thumbnail corresponding to the thumbnail ratio exist in the mapping table.

上述所有可选技术方案,均可按照任意结合形成本公开的可选实施例,本公开实施例对此不再一一赘述。All the above optional technical solutions may be combined in any way to form optional embodiments of the present disclosure, which will not be described in detail in the embodiments of the present disclosure.

图3是根据一示例性实施例示出的一种网页图片显示的方法的流程图,如图3所示,该网页图片显示的方法包括以下步骤:Fig. 3 is a flowchart of a method for displaying a webpage picture according to an exemplary embodiment. As shown in Fig. 3, the method for displaying a webpage picture includes the following steps:

在步骤301中,终端获取待显示网页包括的网页图片的标识。In step 301, the terminal obtains the identifier of the webpage picture included in the webpage to be displayed.

当终端检测到携带有待显示网页的URL(Uniform Resource Locator,统一资源定位符)的显示网页指令后,根据待显示网的URL获取待显示网页中的网页数据,通过判断该网页数据中是否包含网页图片的标识来判断该待显示网页中是否包含有网页图片。当该网页数据中包含有网页图片的标识,获取该网页图片的标识。After the terminal detects the display webpage command carrying the URL (Uniform Resource Locator, Uniform Resource Locator) of the webpage to be displayed, it obtains the webpage data in the webpage to be displayed according to the URL of the webpage to be displayed, and judges whether the webpage data includes a webpage The logo of the picture is used to judge whether the webpage to be displayed contains a webpage picture. When the webpage data includes the logo of the webpage picture, the logo of the webpage picture is acquired.

其中,网页图片的标识可以为该网页图片对应的图片存储地址,还可以为其他能够唯一指向该网页图片的标识等。Wherein, the identifier of the webpage picture may be the image storage address corresponding to the webpage picture, or may be other identifiers that can uniquely point to the webpage picture.

在步骤302中,终端向服务器发送第一获取请求,第一获取请求携带该网页图片的标识。In step 302, the terminal sends a first acquisition request to the server, and the first acquisition request carries the identifier of the webpage picture.

进一步地,第一获取请求还可以携带缩略比例,其中,该缩略比例可以为终端内预设的某个缩略比例,也可以为用户在终端预设的多个缩略比例中选择的某个缩略比例。Further, the first acquisition request may also carry a thumbnail ratio, wherein the thumbnail ratio may be a certain thumbnail ratio preset in the terminal, or may be selected by the user from multiple preset thumbnail ratios in the terminal. a certain abbreviation.

在步骤303中,服务器接收该终端发送的第一获取请求,第一获取请求携带该网页图片的标识。In step 303, the server receives the first acquisition request sent by the terminal, and the first acquisition request carries the identifier of the web page picture.

在步骤304中,服务器根据该网页图片的标识获取该网页图片的缩略图,向该终端发送该缩略图。In step 304, the server acquires a thumbnail of the webpage picture according to the identifier of the webpage picture, and sends the thumbnail to the terminal.

其中,服务器中包括映射表,该映射表用于存储网页图片的标识与缩略图的标识的对应关系。Wherein, the server includes a mapping table, and the mapping table is used to store the corresponding relationship between the identifiers of the webpage pictures and the identifiers of the thumbnails.

可选地,本步骤可以为:服务器可以根据该网页图片的标识,查找映射表中是否存在该网页图片的标识对应的缩略图的标识,如果查找出对应的缩略图的标识,从查找的缩略图的标识中选择一个缩略图的标识,获取选择的缩略图的标识对应的缩略图,向该终端发送获取的缩略图。如果未查找出对应的缩略图的标识,根据该网页图片的标识获取对应的网页图片,对该网页图片进行压缩得到至少一个缩略图,该至少一个缩略图中的每个缩略图的缩略比例不同,从该至少一个缩略图中选择一个缩略图,向该终端发送选择的缩略图。Optionally, this step may be as follows: the server may search the mapping table for the identification of the thumbnail image corresponding to the identification of the web page image according to the identification of the web page image; Select an identifier of a thumbnail from the identifiers of the thumbnails, obtain a thumbnail corresponding to the selected identifier of the thumbnail, and send the obtained thumbnail to the terminal. If the identification of the corresponding thumbnail is not found, obtain the corresponding webpage picture according to the identification of the webpage picture, compress the webpage picture to obtain at least one thumbnail, and the thumbnail ratio of each thumbnail in the at least one thumbnail Differently, a thumbnail is selected from the at least one thumbnail, and the selected thumbnail is sent to the terminal.

需要说明的是,缩略图的标识可以为该缩略图对应的图片存储地址,还可以为其他能够唯一指向该缩略图的标识等。It should be noted that the identifier of the thumbnail may be the storage address of the picture corresponding to the thumbnail, and may also be other identifiers that can uniquely point to the thumbnail.

可选地,该映射表还用于存储各缩略图的缩略比例。Optionally, the mapping table is also used to store the thumbnail ratio of each thumbnail.

进一步地,当第一获取请求还携带缩略比例时,从查找的缩略图的标识中选择一个缩略图的标识的操作可以为:根据第一获取请求携带的缩略比例,从查找的缩略图的标识中选择该缩略比例对应的一个缩略图的标识。以及,从该至少一个缩略图中选择一个缩略图的操作可以为:根据第一获取请求携带的缩略比例,从该至少一个缩略图中选择该缩略比例对应的一个缩略图。Further, when the first acquisition request also carries a thumbnail ratio, the operation of selecting a thumbnail identifier from the searched thumbnail identifiers may be: according to the thumbnail ratio carried in the first acquisition request, from the searched thumbnail Select the logo of a thumbnail corresponding to the thumbnail ratio in the logo of the thumbnail. And, the operation of selecting a thumbnail from the at least one thumbnail may be: according to the thumbnail scale carried in the first acquisition request, select a thumbnail corresponding to the thumbnail scale from the at least one thumbnail.

可选地,服务器压缩得到至少一个缩略图后,可以将该网页图片的标识和该至少一个缩略图中的每个缩略图的标识之间的对应关系,以及每个缩略图的缩略比例存储在该映射关系表中。Optionally, after the server compresses and obtains at least one thumbnail image, it may store the corresponding relationship between the identification of the webpage picture and the identification of each thumbnail in the at least one thumbnail, and the thumbnail ratio of each thumbnail in the mapping table.

在步骤305中,终端接收并显示该服务器发送的缩略图。In step 305, the terminal receives and displays the thumbnail image sent by the server.

终端在接收到该服务器发送的缩略图,从待显示网页的网页数据中提取该网页图片在待显示网页中的显示位置信息,根据该显示位置信息将该缩略图显示在待显示网页中对应的位置处。After receiving the thumbnail image sent by the server, the terminal extracts the display position information of the web page picture in the web page to be displayed from the web page data of the web page to be displayed, and displays the thumbnail image in the corresponding position of the web page to be displayed according to the display position information. location.

可选地,如果待显示网页中还有其他网页图片,则对其他每个网页图片均按上述操作,在待显示网页中显示其他每个网页图片的缩略图。Optionally, if there are other webpage pictures in the webpage to be displayed, perform the above operation for each other webpage picture, and display a thumbnail of each other webpage picture in the to-be-displayed webpage.

显示出待显示网页包括的网页图片的缩略图后,终端会实时检测用户对待显示网页包括的网页图片的选择操作。After displaying the thumbnails of the webpage pictures included in the webpage to be displayed, the terminal will detect in real time the user's selection operation of the webpage pictures included in the webpage to be displayed.

如果用户需要详细查看某个网页图片,用户可以对该网页图片的缩略图执行选择操作。例如用户可以点击该网页图片的缩略图,点击可以为单击操作或双击操作等,以触发终端执行后续显示该网页图片的操作。If the user needs to view a webpage picture in detail, the user may perform a selection operation on the thumbnail of the webpage picture. For example, the user can click the thumbnail of the webpage picture, and the click can be a single-click operation or a double-click operation, etc., so as to trigger the terminal to perform a subsequent operation of displaying the webpage picture.

在步骤306中,终端检测到该缩略图被选择时,向服务器发送第二获取请求,第二获取请求携带该被选择的缩略图的标识。In step 306, when the terminal detects that the thumbnail is selected, it sends a second acquisition request to the server, and the second acquisition request carries the identifier of the selected thumbnail.

当检测到针对该缩略图的选择操作时,则从该缩略图中获取该缩略图的标识,并向服务器发送第二获取请求。When a selection operation on the thumbnail is detected, the identifier of the thumbnail is acquired from the thumbnail, and a second acquisition request is sent to the server.

在步骤307中,服务器接收该终端发送的第二获取请求,第二获取请求携带该被选择的缩略图的标识。In step 307, the server receives the second acquisition request sent by the terminal, and the second acquisition request carries the identifier of the selected thumbnail.

在步骤308中,服务器根据该被选择的缩略图的标识获取该网页图片。In step 308, the server acquires the web page picture according to the identifier of the selected thumbnail.

服务器接收到终端发送的第二获取请求之后,根据该第二获取请求中携带的该被选择的缩略图的标识,从映射表中存储的缩略图的标识与网页图片的标识的对应关系中获取该被选择的缩略图的标识对应的网页图片的标识,根据该网页图片的标识获取该网页图片。After the server receives the second acquisition request sent by the terminal, according to the identifier of the selected thumbnail image carried in the second acquisition request, it obtains the The identifier of the webpage image corresponding to the identifier of the selected thumbnail image is obtained according to the identifier of the webpage image.

在步骤309中,服务器向该终端发送该网页图片。In step 309, the server sends the web page picture to the terminal.

在步骤310中,终端接收并显示该网页图片。In step 310, the terminal receives and displays the web page picture.

终端在接收到服务器发送的该网页图片后,根据待显示网页的网页数据中包括的该网页图片在待显示网页中的位置信息,将该网页图片显示在待显示网页中对应的位置处。After receiving the webpage picture sent by the server, the terminal displays the webpage picture at a corresponding position in the to-be-displayed webpage according to the location information of the webpage picture in the to-be-displayed webpage included in the webpage data of the to-be-displayed webpage.

在本公开实施例中,在显示待显示网页时,由于先在待显示网页中显示待显示网页中的网页图片的缩略图,当用户想要查看某个网页图片时,获取用户选择的该网页图片的缩略图,然后从服务器中获取该网页图片,这样不用从服务器中获取用户不想查看的网页图片;相比在显示待显示网页时就显示待显示网页中的所有网页图片,本实施例的方案可以节省大量的流量。In the embodiment of the present disclosure, when the webpage to be displayed is displayed, since the thumbnails of the webpage pictures in the webpage to be displayed are first displayed on the webpage to be displayed, when the user wants to view a certain webpage picture, the webpage selected by the user is obtained. The thumbnail image of the picture, and then obtain the webpage picture from the server, so that the webpage picture that the user does not want to view does not need to be obtained from the server; compared to displaying all the webpage pictures in the webpage to be displayed when the webpage to be displayed is displayed, the present embodiment. The scheme can save a lot of traffic.

可选地,针对待显示网页,当待显示的网页长度大于预设阈值时,可以先在终端加载并显示一屏的网页内容,并可以通过如下第一操作或第二操作来动态加载并显示待显示网页中的其他网页内容,使得终端更加节省流量。Optionally, for the webpage to be displayed, when the length of the webpage to be displayed is greater than the preset threshold, one screen of webpage content can be loaded and displayed on the terminal first, and can be dynamically loaded and displayed through the following first or second operation The content of other webpages in the webpage to be displayed makes the terminal save traffic more.

可选地,第一操作为:终端在显示待显示网页时,从服务器中获取位于第一位置和第二位置之间的网页内容。其中,第一位置为终端屏幕底部在待显示网页中对应的位置,第二位置位于第一位置之后,且第一位置与第二位置之间的间隔为预设长度。Optionally, the first operation is: when the terminal displays the webpage to be displayed, acquire the webpage content located between the first location and the second location from the server. Wherein, the first position is the corresponding position in the webpage to be displayed at the bottom of the terminal screen, the second position is located after the first position, and the interval between the first position and the second position is a preset length.

在显示待显示网页时,确定待显示网页的长度,当待显示网页的长度大于预设阈值时,则可以获取终端屏幕底部在待显示网页中对应的第一位置,并根据该第一位置从服务器中获取位于第一位置和第二位置之间的预设长度的网页内容。When displaying the webpage to be displayed, determine the length of the webpage to be displayed, and when the length of the webpage to be displayed is greater than the preset threshold, the first position corresponding to the bottom of the terminal screen in the webpage to be displayed can be obtained, and according to the first position from The server acquires webpage content of a preset length between the first location and the second location.

例如,当确定待显示网页的长度为终端屏幕长度的三倍时,即待显示网页包括三屏网页内容。假设终端当前显示第一屏网页内容,预设长度的网页内容也是一屏网页内容;这样终端可以获取终端屏幕底部在待显示网页中对应的位置为第一位置,并从服务器获取第一位置和第二位置之间的预设长度的网页内容为第二屏网页内容,之后,当终端检测到用户针对待显示网页的滑动操作后,可以只针对该获取到的第二屏网页内容进行显示。由于用户可能只浏览第一屏网页内容之后,就不再继续浏览第二屏或第三屏网页内容,因此相比于一次性获取待显示网页的全部网页内容的方法,更省流量。其中预设长度可以为终端基于终端屏幕长度预先设置的长度值,如该预设长度可以为终端屏幕长度的1/2,本公开实施例对此不做具体限定。For example, when it is determined that the length of the webpage to be displayed is three times the length of the terminal screen, that is, the webpage to be displayed includes three screens of webpage content. Assuming that the terminal is currently displaying the first screen of webpage content, the webpage content of the preset length is also one screen of webpage content; in this way, the terminal can obtain the corresponding position at the bottom of the terminal screen in the webpage to be displayed as the first position, and obtain the first position and The webpage content of the preset length between the second positions is the webpage content of the second screen. Afterwards, when the terminal detects the user's sliding operation on the webpage to be displayed, it can only display the acquired webpage content of the second screen. Since the user may only browse the content of the first screen of the webpage and not continue to browse the content of the second or third screen of the webpage, it saves traffic compared to the method of obtaining all the webpage contents of the webpage to be displayed at one time. The preset length may be a length value preset by the terminal based on the length of the terminal screen, for example, the preset length may be 1/2 of the length of the terminal screen, which is not specifically limited in this embodiment of the present disclosure.

可选地,第二操作为:当终端检测到针对该待显示网页的滑动操作后,根据滑动该待显示网页的滑动速度,确定在当前时间与第一时间之间即将加载的网页内容,该第一时间在该当前时间之后且与该当前时间的时间差为预设时间。Optionally, the second operation is: after the terminal detects a sliding operation on the webpage to be displayed, determine the content of the webpage to be loaded between the current time and the first time according to the sliding speed of the webpage to be displayed, the The first time is after the current time and the time difference between the first time and the current time is a preset time.

可选地,终端可以从服务器中获取并加载该确定的网页内容。Optionally, the terminal may acquire and load the determined web page content from the server.

当针对待显示网页进行显示时,终端检测针对待显示网页的滑动操作,当检测到该滑动操作后,可以基于一定时间内该滑动操作滑动待显示网页的长度来确定滑动待显示网页的滑动速度,并根据该滑动速度,确定在当前时间与第一时间之间即将加载的网页内容,其中第一时间在当前时间之后且与该当前时间的时间差为预设时间。When displaying the webpage to be displayed, the terminal detects the sliding operation of the webpage to be displayed, and when the sliding operation is detected, the sliding speed of the webpage to be displayed can be determined based on the length of the sliding operation to slide the webpage to be displayed within a certain period of time , and according to the sliding speed, determine the webpage content to be loaded between the current time and the first time, wherein the first time is after the current time and the time difference from the current time is a preset time.

可选地,根据该滑动速度,确定在当前时间与第一时间之间即将加载的网页内容的操作可以为:Optionally, according to the sliding speed, the operation of determining the webpage content to be loaded between the current time and the first time may be:

根据该滑动速度,确定在当前时间与第一时间之间即将加载的网页内容的长度,根据当前已加载的网页内容的当前位置和该即将加载的网页内容的长度,确定该即将加载的网页内容。According to the sliding speed, determine the length of the webpage content to be loaded between the current time and the first time, and determine the webpage content to be loaded according to the current position of the currently loaded webpage content and the length of the webpage content to be loaded .

需要说明的是,该第一时间可以为终端设置的当前时间之后的任一时间,本公开实施例对此不做具体限定。It should be noted that the first time may be any time after the current time set by the terminal, which is not specifically limited in this embodiment of the present disclosure.

当确定了该预设时间内即将加载的网页内容后,向服务器获取并加载该确定的网页内容,具体获取及加载网页内容的方法参考相关技术中网页内容的获取与加载,本公开实施例对此不做详细阐述。After determining the webpage content to be loaded within the preset time, obtain and load the determined webpage content from the server. For the specific method of obtaining and loading webpage content, refer to the acquisition and loading of webpage content in related technologies. This will not be elaborated.

图4A是根据一示例性实施例示出的一种网页图片显示的装置400框图。参照图4A,该装置400包括第一获取模块401,第一发送模块402、第一显示模块403、第二发送模块404和第二显示模块405。Fig. 4A is a block diagram of an apparatus 400 for displaying webpage pictures according to an exemplary embodiment. Referring to FIG. 4A , the device 400 includes a first acquiring module 401 , a first sending module 402 , a first display module 403 , a second sending module 404 and a second display module 405 .

第一获取模块401,用于获取待显示网页包括的网页图片的标识;The first obtaining module 401 is used to obtain the identification of the web page picture included in the web page to be displayed;

第一发送模块402,用于向服务器发送第一获取请求,第一获取请求携带网页图片的标识,第一获取请求用于服务器根据该网页图片的标识获取该网页图片的缩略图;The first sending module 402 is used to send a first acquisition request to the server, the first acquisition request carries the identification of the webpage picture, and the first acquisition request is used for the server to acquire the thumbnail of the webpage picture according to the identification of the webpage picture;

第一显示模块403,用于接收并显示该服务器发送的该缩略图;The first display module 403 is configured to receive and display the thumbnail image sent by the server;

第二发送模块404,用于检测到该缩略图被选择时,向该服务器发送第二获取请求,第二获取请求携带该被选择的缩略图的标识,第二获取请求用于该服务器根据该被选择的缩略图的标识获取网页图片;The second sending module 404 is configured to send a second acquisition request to the server when detecting that the thumbnail is selected, the second acquisition request carries the identifier of the selected thumbnail, and the second acquisition request is used by the server according to the The logo of the selected thumbnail gets the web page picture;

第二显示模块405,用于接收并显示该网页图片。The second display module 405 is configured to receive and display the web page picture.

可选地,第一发送模块发送的第一获取请求还携带缩略比例,用于该服务器根据该网页图片的标识和该缩略比例获取该网页图片的缩略图。Optionally, the first acquisition request sent by the first sending module also carries a thumbnail ratio, which is used for the server to acquire the thumbnail of the webpage picture according to the identifier of the webpage picture and the thumbnail ratio.

可选地,参见图4B,该网页图片显示的装置400还包括:Optionally, referring to FIG. 4B, the device 400 for displaying webpage pictures further includes:

第二获取模块406,用于在显示待显示网页时,从服务器获取位于第一位置和第二位置之间的网页内容,该第一位置为终端屏幕底部在待显示网页中对应的位置,该第二位置位于第一位置之后,第一位置和第二位置之间的间隔为预设长度。The second acquiring module 406 is configured to acquire, from the server, the webpage content between the first position and the second position when displaying the webpage to be displayed, the first position being the corresponding position at the bottom of the terminal screen in the webpage to be displayed, the The second position is located behind the first position, and the interval between the first position and the second position is a preset length.

可选地,参见图4C,该网页图片显示的装置400还包括:Optionally, referring to FIG. 4C, the device 400 for displaying webpage pictures further includes:

确定模块407,用于当检测到针对待显示网页的滑动操作后,根据滑动待显示网页的滑动速度,确定在当前时间与第一时间内即将加载的网页内容,第一时间在当前时间之后且与当前时间的时间差为预设时间;The determination module 407 is used to determine the webpage content to be loaded at the current time and the first time according to the sliding speed of the webpage to be displayed after detecting the sliding operation for the webpage to be displayed, the first time is after the current time and The time difference from the current time is the preset time;

加载模块408,用于获取并加载确定的网页内容。The loading module 408 is configured to acquire and load the determined webpage content.

图5A是根据一示例性实施例示出的一种网页图片的显示装置500框图。参照图5A,该装置500包括第一接收模块501、第三发送模块502、第二接收模块503、第三获取模块504和第四发送模块505。Fig. 5A is a block diagram of an apparatus 500 for displaying webpage pictures according to an exemplary embodiment. Referring to FIG. 5A , the apparatus 500 includes a first receiving module 501 , a third sending module 502 , a second receiving module 503 , a third acquiring module 504 and a fourth sending module 505 .

第一接收模块501,用于接收终端发送的第一获取请求,第一获取请求携带终端待显示网页信息包括的网页图片的标识;The first receiving module 501 is configured to receive a first acquisition request sent by the terminal, where the first acquisition request carries the identification of the webpage picture included in the webpage information to be displayed by the terminal;

第三发送模块502,用于根据网页图片的标识获取网页图片的缩略图,向终端发送缩略图;The third sending module 502 is used for obtaining the thumbnail of the webpage picture according to the identification of the webpage picture, and sending the thumbnail to the terminal;

第二接收模块503,用于接收终端检测到缩略图被选择时发送的第二获取请求,第二获取请求携带被选择的缩略图的标识;The second receiving module 503 is configured to receive a second acquisition request sent when the terminal detects that the thumbnail is selected, and the second acquisition request carries the identifier of the selected thumbnail;

第三获取模块504,用于根据被选择的缩略图的标识获取网页图片;The third obtaining module 504 is used for obtaining the web page picture according to the identification of the selected thumbnail;

第四发送模块505,用于向终端发送网页图片,以使终端显示网页图片。The fourth sending module 505 is configured to send the webpage picture to the terminal, so that the terminal displays the webpage picture.

可选地,第三发送模块502,包括:Optionally, the third sending module 502 includes:

查找子模块,用于根据网页图片的标识,查找映射表中是否存在网页图片的标识对应的缩略图的标识;The search sub-module is used to find whether there is an identifier of a thumbnail image corresponding to the identifier of the webpage image in the mapping table according to the identifier of the webpage image;

获取子模块,用于如果查找出网页图片的标识对应的缩略图的标识,根据缩略图的标识获取缩略图。The acquisition sub-module is used to obtain the thumbnail according to the identification of the thumbnail if the identification of the thumbnail corresponding to the identification of the web page picture is found out.

可选地,参见图5B,该网页图片显示的装置500还包括:Optionally, referring to FIG. 5B, the device 500 for displaying webpage pictures further includes:

压缩模块506,用于如果没有查找出网页图片的标识对应的缩略图的标识,根据网页图片的标识获取网页图片,压缩网页图片得到至少一个缩略比例的缩略图。The compression module 506 is used to obtain the web page picture according to the web page picture identification if no identification of the thumbnail corresponding to the web page picture identification is found, and compress the web page picture to obtain a thumbnail with at least one thumbnail ratio.

可选地,查找子模块用于:Optionally, find submodules for:

如果第一获取请求还携带缩略比例,则根据网页图片的标识和缩略比例,查找映射表中是否存在网页图片的标识和缩略比例对应的缩略图的标识。If the first acquisition request also carries a thumbnail ratio, then according to the logo of the webpage picture and the thumbnail ratio, it is searched whether there is a thumbnail logo corresponding to the logo of the webpage picture and the thumbnail ratio in the mapping table.

在本公开实施例中,终端向服务器发送第一获取请求获取网页图片的缩略图,并将接收到的缩略图进行显示,当检测到缩略图被选择时,通过向服务器发送第二获取请求获取缩略图对应的网页图片,并将接收到网页图片进行显示,避免了在相关技术中终端耗费大量流量直接显示网页图片时,用户对显示的网页图片不感兴趣而造成的不必要的流量浪费。同时,本公开实施例通过从服务器中获取在第一位置之后且离第一位置最近的长度为预设长度的网页内容以及根据滑动速度获取并加载当前时间与第一时间内即将加载的网页内容,实时获取网页内容,相较于相关技术中的一次性加载所有网页内容,避免了用户只浏览部分网页内容造成的流量浪费。In the embodiment of the present disclosure, the terminal sends the first acquisition request to the server to obtain the thumbnail of the webpage picture, and displays the received thumbnail, and when it detects that the thumbnail is selected, the terminal sends the second acquisition request to the server to obtain The webpage pictures corresponding to the thumbnails are received and displayed, which avoids unnecessary traffic waste caused by users not being interested in the displayed webpage pictures when the terminal consumes a large amount of traffic to directly display the webpage pictures in related technologies. At the same time, the embodiment of the present disclosure obtains from the server the webpage content with a preset length after the first position and the closest to the first position, and acquires and loads the webpage content to be loaded at the current time and the first time according to the sliding speed. To obtain webpage content in real time, compared with the one-time loading of all webpage content in related technologies, it avoids traffic waste caused by users only browsing part of webpage content.

关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。Regarding the apparatus in the foregoing embodiments, the specific manner in which each module executes operations has been described in detail in the embodiments related to the method, and will not be described in detail here.

图6是根据一示例性实施例示出的一种用于网页图片显示的装置600的框图,该装置600可以用于执行图3所示实施例中的终端执行的操作。例如,装置600可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。Fig. 6 is a block diagram showing an apparatus 600 for displaying webpage pictures according to an exemplary embodiment, and the apparatus 600 may be used to execute the operations performed by the terminal in the embodiment shown in Fig. 3 . For example, the apparatus 600 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, and the like.

参照图6,装置600可以包括以下一个或多个组件:处理组件602,存储器604,电源组件606,多媒体组件608,音频组件610,输入/输出(I/O)的接口612,传感器组件614,以及通信组件616。6, device 600 may include one or more of the following components: processing component 602, memory 604, power supply component 606, multimedia component 608, audio component 610, input/output (I/O) interface 612, sensor component 614, and communication component 616 .

处理组件602通常控制装置600的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件602可以包括一个或多个处理器620来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件602可以包括一个或多个模块,便于处理组件602和其他组件之间的交互。例如,处理组件602可以包括多媒体模块,以方便多媒体组件608和处理组件602之间的交互。The processing component 602 generally controls the overall operations of the device 600, such as those associated with display, telephone calls, data communications, camera operations, and recording operations. The processing component 602 may include one or more processors 620 to execute instructions to complete all or part of the steps of the above method. Additionally, processing component 602 may include one or more modules that facilitate interaction between processing component 602 and other components. For example, processing component 602 may include a multimedia module to facilitate interaction between multimedia component 608 and processing component 602 .

存储器604被配置为存储各种类型的数据以支持在装置600的操作。这些数据的示例包括用于在装置600上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器604可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。The memory 604 is configured to store various types of data to support operations at the device 600 . Examples of such data include instructions for any application or method operating on device 600, contact data, phonebook data, messages, pictures, videos, and the like. The memory 604 can be implemented by any type of volatile or non-volatile storage device or their combination, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable Programmable Read Only Memory (EPROM), Programmable Read Only Memory (PROM), Read Only Memory (ROM), Magnetic Memory, Flash Memory, Magnetic or Optical Disk.

电源组件606为装置600的各种组件提供电源。电源组件606可以包括电源管理系统,一个或多个电源,及其他与为装置600生成、管理和分配电源相关联的组件。Power component 606 provides power to various components of device 600 . Power components 606 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to device 600 .

多媒体组件608包括在所述装置600和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件608包括一个前置摄像头和/或后置摄像头。当装置600处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。The multimedia component 608 includes a screen that provides an output interface between the device 600 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from a user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensor may not only sense a boundary of a touch or swipe action, but also detect duration and pressure associated with the touch or swipe action. In some embodiments, the multimedia component 608 includes a front camera and/or a rear camera. When the device 600 is in an operation mode, such as a shooting mode or a video mode, the front camera and/or the rear camera can receive external multimedia data. Each front camera and rear camera can be a fixed optical lens system or have focal length and optical zoom capability.

音频组件610被配置为输出和/或输入音频信号。例如,音频组件610包括一个麦克风(MIC),当装置600处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器604或经由通信组件616发送。在一些实施例中,音频组件610还包括一个扬声器,用于输出音频信号。The audio component 610 is configured to output and/or input audio signals. For example, the audio component 610 includes a microphone (MIC) configured to receive external audio signals when the device 600 is in operation modes, such as call mode, recording mode and voice recognition mode. Received audio signals may be further stored in memory 604 or sent via communication component 616 . In some embodiments, the audio component 610 also includes a speaker for outputting audio signals.

I/O接口612为处理组件602和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。The I/O interface 612 provides an interface between the processing component 602 and a peripheral interface module. The peripheral interface module may be a keyboard, a click wheel, a button, and the like. These buttons may include, but are not limited to: a home button, volume buttons, start button, and lock button.

传感器组件614包括一个或多个传感器,用于为装置600提供各个方面的状态评估。例如,传感器组件614可以检测到装置600的打开/关闭状态,组件的相对定位,例如所述组件为装置600的显示器和小键盘,传感器组件614还可以检测装置600或装置600一个组件的位置改变,用户与装置600接触的存在或不存在,装置600方位或加速/减速和装置600的温度变化。传感器组件614可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件614还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件614还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。Sensor assembly 614 includes one or more sensors for providing status assessments of various aspects of device 600 . For example, the sensor component 614 can detect the open/closed state of the device 600, the relative positioning of components, such as the display and keypad of the device 600, and the sensor component 614 can also detect a change in the position of the device 600 or a component of the device 600 , the presence or absence of user contact with the device 600 , the device 600 orientation or acceleration/deceleration and the temperature change of the device 600 . The sensor assembly 614 may include a proximity sensor configured to detect the presence of nearby objects in the absence of any physical contact. Sensor assembly 614 may also include optical sensors, such as CMOS or CCD image sensors, for use in imaging applications. In some embodiments, the sensor component 614 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor or a temperature sensor.

通信组件616被配置为便于装置600和其他设备之间有线或无线方式的通信。装置600可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件616经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件616还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。The communication component 616 is configured to facilitate wired or wireless communication between the apparatus 600 and other devices. The device 600 can access wireless networks based on communication standards, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 616 receives broadcast signals or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 616 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, Infrared Data Association (IrDA) technology, Ultra Wide Band (UWB) technology, Bluetooth (BT) technology and other technologies.

在示例性实施例中,装置600可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。In an exemplary embodiment, apparatus 600 may be programmed by one or more application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable A gate array (FPGA), controller, microcontroller, microprocessor or other electronic component implementation for performing the methods described above.

在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器604,上述指令可由装置600的处理器620执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。In an exemplary embodiment, there is also provided a non-transitory computer-readable storage medium including instructions, such as the memory 604 including instructions, which can be executed by the processor 620 of the device 600 to implement the above method. For example, the non-transitory computer readable storage medium may be ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, optical data storage device, and the like.

一种非临时性计算机可读存储介质,当所述存储介质中的指令由移动终端的处理器执行时,使得移动终端能够执行一种网页图片显示的方法,所述方法包括:A non-transitory computer-readable storage medium, when the instructions in the storage medium are executed by the processor of the mobile terminal, the mobile terminal can execute a method for displaying webpage pictures, the method comprising:

获取待显示网页包括的网页图片的标识。Obtain the identifier of the webpage picture included in the webpage to be displayed.

向服务器发送第一获取请求,该第一获取请求携带该网页图片的标识,该第一获取请求用于该服务器根据该网页图片的标识获取该网页图片的缩略图。A first acquisition request is sent to the server, the first acquisition request carries the identifier of the webpage picture, and the first acquisition request is used for the server to acquire the thumbnail of the webpage picture according to the identifier of the webpage picture.

接收并显示该服务器发送的缩略图。Receive and display the thumbnail sent by the server.

检测到该缩略图被选择时,向该服务器发送第二获取请求,第二获取请求携带该被选择的缩略图的标识,第二获取请求用于该服务器根据该被选择的缩略图的标识获取该网页图片。When it is detected that the thumbnail is selected, a second acquisition request is sent to the server, the second acquisition request carries the identification of the selected thumbnail, and the second acquisition request is used for the server to obtain the selected thumbnail according to the identification of the selected thumbnail. The page image.

接收并显示该网页图片。Receive and display the web page picture.

可选地,第一获取请求还携带缩略比例,用于该服务器根据该网页图片的标识和该缩略比例获取该网页图片的缩略图。Optionally, the first acquisition request also carries a thumbnail ratio, which is used for the server to acquire the thumbnail of the webpage picture according to the identifier of the webpage picture and the thumbnail ratio.

可选地,该方法还包括:Optionally, the method also includes:

在显示待显示网页时,从该服务器中获取位于第一位置和第二位置之间的网页内容,该第一位置为终端屏幕底部在该待显示网页中对应的位置,该第二位置位于该第一位置之后,该第一时间和第二位置之间的间隔为预设长度。When displaying the webpage to be displayed, obtain the webpage content between the first position and the second position from the server, the first position is the corresponding position at the bottom of the terminal screen in the webpage to be displayed, and the second position is located at the After the first position, the interval between the first time and the second position is a preset length.

可选地,该方法还包括:Optionally, the method also includes:

当检测到针对该待显示网页的滑动操作后,根据滑动该待显示网页的滑动速度,确定在当前时间与第一时间之间即将加载的网页内容,该第一时间在该当前时间之后且与该当前时间的时间差为预设时间;After detecting the sliding operation for the webpage to be displayed, according to the sliding speed of the webpage to be displayed, determine the webpage content to be loaded between the current time and the first time, the first time is after the current time and is the same as The time difference of the current time is the preset time;

获取并加载确定的网页内容。Obtain and load the determined web page content.

图7是根据一示例性实施例示出的一种用于网页图片显示的装置700的框图,该装置700可以用于执行图3所示实施例中的服务器执行的操作。例如,装置700可以被提供为一服务器。参照图7,装置700包括处理组件722,其进一步包括一个或多个处理器,以及由存储器732所代表的存储器资源,用于存储可由处理组件722的执行的指令,例如应用程序。存储器732中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外,处理组件722被配置为执行指令,以执行网页图片显示的方法,所述方法包括:Fig. 7 is a block diagram showing an apparatus 700 for displaying webpage pictures according to an exemplary embodiment, and the apparatus 700 may be used to execute the operations performed by the server in the embodiment shown in Fig. 3 . For example, the apparatus 700 may be provided as a server. 7, apparatus 700 includes processing component 722, which further includes one or more processors, and a memory resource represented by memory 732 for storing instructions executable by processing component 722, such as application programs. The application program stored in memory 732 may include one or more modules each corresponding to a set of instructions. In addition, the processing component 722 is configured to execute instructions to perform a method for displaying a web page picture, the method comprising:

接收终端发送的第一获取请求,第一获取请求携带该终端待显示网页信息包括的网页图片的标识。The first acquisition request sent by the terminal is received, and the first acquisition request carries the identifier of the webpage picture included in the webpage information to be displayed by the terminal.

根据该网页图片的标识获取该网页图片的缩略图,向该终端发送该缩略图。A thumbnail of the webpage picture is obtained according to the identifier of the webpage picture, and the thumbnail is sent to the terminal.

接收该终端检测到该缩略图被选择时发送的第二获取请求,第二获取请求携带该被选择的缩略图的标识。The second acquisition request sent when the terminal detects that the thumbnail is selected is received, where the second acquisition request carries the identifier of the selected thumbnail.

根据该被选择的缩略图的标识获取该网页图片。The webpage picture is acquired according to the identifier of the selected thumbnail.

向该终端发送该网页图片,以使该终端显示该网页图片。Sending the webpage picture to the terminal, so that the terminal displays the webpage picture.

可选地,根据该网页图片的标识获取该网页图片的缩略图,包括:Optionally, obtaining the thumbnail of the webpage picture according to the identification of the webpage picture includes:

根据该网页图片的标识,查找映射表中是否存在该网页图片的标识对应的缩略图的标识;According to the logo of the webpage picture, find out whether there is the logo of the thumbnail image corresponding to the logo of the webpage picture in the mapping table;

如果查找出该网页图片的标识对应的缩略图的标识,根据该缩略图的标识获取该缩略图。If the identifier of the thumbnail image corresponding to the identifier of the web page image is found out, the thumbnail image is obtained according to the identifier of the thumbnail image.

可选地,该方法还包括:Optionally, the method also includes:

如果没有查找出该网页图片的标识对应的缩略图的标识,根据该网页图片的标识获取该网页图片,压缩该网页图片得到至少一个缩略比例的缩略图。If the identification of the thumbnail image corresponding to the identification of the web page image is not found, the web page image is obtained according to the identification of the web page image, and the web page image is compressed to obtain a thumbnail image with at least one thumbnail ratio.

可选地,该根据该网页图片的标识,查找映射表中是否存在该网页图片的标识对应的缩略图的标识,包括:Optionally, according to the identification of the web page picture, it is searched whether there is an identification of the thumbnail corresponding to the identification of the web page picture in the mapping table, including:

如果第一获取请求还携带缩略比例,则根据该网页图片的标识和该缩略比例,查找映射表中是否存在该网页图片的标识和该缩略比例对应的缩略图的标识。If the first acquisition request also carries a thumbnail ratio, then according to the logo of the webpage picture and the thumbnail ratio, look up whether the logo of the webpage picture and the logo of the thumbnail corresponding to the thumbnail ratio exist in the mapping table.

装置700还可以包括一个电源组件726被配置为执行装置700的电源管理,一个有线或无线网络接口750被配置为将装置700连接到网络,和一个输入输出(I/O)接口758。装置700可以操作基于存储在存储器732的操作系统,例如Windows ServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM或类似。Device 700 may also include a power component 726 configured to perform power management of device 700 , a wired or wireless network interface 750 configured to connect device 700 to a network, and an input-output (I/O) interface 758 . The apparatus 700 can operate based on an operating system stored in the memory 732, such as Windows Server™, Mac OS X™, Unix™, Linux™, FreeBSD™ or the like.

本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本发明的真正范围和精神由下面的权利要求指出。Other embodiments of the invention will be readily apparent to those skilled in the art from consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any modification, use or adaptation of the present invention, these modifications, uses or adaptations follow the general principles of the present invention and include common knowledge or conventional technical means in the technical field not disclosed in this disclosure . The specification and examples are to be considered exemplary only, with a true scope and spirit of the invention being indicated by the following claims.

应当理解的是,本发明并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。It should be understood that the present invention is not limited to the precise constructions which have been described above and shown in the accompanying drawings, and various modifications and changes may be made without departing from the scope thereof. The scope of the invention is limited only by the appended claims.

Claims (17)

Translated fromChinese
1.一种网页图片显示的方法,其特征在于,所述方法包括:1. A method for displaying a webpage picture, characterized in that the method comprises:根据待显示网页的URL获取所述待显示网页中的网页数据;Obtaining webpage data in the webpage to be displayed according to the URL of the webpage to be displayed;当所述网页数据中包含网页图片的标识时,获取所述网页图片的标识;When the webpage data includes the logo of the webpage picture, acquire the logo of the webpage picture;向服务器发送第一获取请求,所述第一获取请求携带所述网页图片的标识,所述第一获取请求用于所述服务器根据所述网页图片的标识获取所述网页图片的缩略图;Sending a first acquisition request to the server, the first acquisition request carrying the identifier of the webpage picture, and the first acquisition request is used for the server to acquire a thumbnail of the webpage picture according to the identifier of the webpage picture;接收并显示所述服务器发送的所述缩略图;receiving and displaying the thumbnail image sent by the server;检测到所述缩略图被选择时,从被选择的缩略图中获取所述被选择的缩略图的标识,向所述服务器发送第二获取请求,所述第二获取请求携带所述被选择的缩略图的标识,所述第二获取请求用于所述服务器根据所述被选择的缩略图的标识获取所述网页图片;When it is detected that the thumbnail is selected, the identifier of the selected thumbnail is obtained from the selected thumbnail, and a second obtaining request is sent to the server, the second obtaining request carries the selected an identifier of a thumbnail, and the second acquisition request is used for the server to acquire the webpage picture according to the identifier of the selected thumbnail;接收并显示所述网页图片。receiving and displaying the webpage picture.2.如权利要求1所述的方法,其特征在于,所述第一获取请求还携带缩略比例,用于所述服务器根据所述网页图片的标识和所述缩略比例获取所述网页图片的缩略图。2. The method according to claim 1, wherein the first acquisition request also carries a thumbnail ratio, and is used for the server to obtain the webpage picture according to the logo of the webpage picture and the thumbnail ratio thumbnail of the .3.如权利要求1或2所述的方法,其特征在于,所述方法还包括:3. the method as claimed in claim 1 or 2, is characterized in that, described method also comprises:在显示所述待显示网页时,从所述服务器中获取位于第一位置和第二位置之间的网页内容,所述第一位置为终端屏幕底部在所述待显示网页中对应的位置,所述第二位置位于所述第一位置之后,所述第一位置和所述第二位置之间的间隔为预设长度。When displaying the webpage to be displayed, obtain from the server the webpage content between the first position and the second position, the first position is the corresponding position at the bottom of the terminal screen in the webpage to be displayed, so The second position is located behind the first position, and the interval between the first position and the second position is a preset length.4.如权利要求1或2所述的方法,其特征在于,所述方法还包括:4. method as claimed in claim 1 or 2, is characterized in that, described method also comprises:当检测到针对所述待显示网页的滑动操作后,根据滑动所述待显示网页的滑动速度,确定在当前时间与第一时间之间即将加载的网页内容,所述第一时间在所述当前时间之后且与所述当前时间的时间差为预设时间;After detecting the sliding operation for the webpage to be displayed, according to the sliding speed of the webpage to be displayed, determine the content of the webpage to be loaded between the current time and the first time, and the first time is between the current time and the first time. After the time and the time difference from the current time is a preset time;获取并加载所述确定的网页内容。Obtain and load the determined webpage content.5.一种网页图片显示的方法,其特征在于,所述方法包括:5. A method for webpage image display, characterized in that the method comprises:接收终端发送的第一获取请求,所述第一获取请求携带所述终端待显示网页信息包括的网页图片的标识,所述网页图片的标识由所述终端从所述待显示网页的网页数据中获取得到,所述待显示网页的网页数据由所述终端根据所述待显示网页的URL获取得到;receiving the first acquisition request sent by the terminal, the first acquisition request carrying the identification of the webpage picture included in the webpage information to be displayed by the terminal, and the identification of the webpage picture is obtained by the terminal from the webpage data of the webpage to be displayed Obtained, the webpage data of the webpage to be displayed is obtained by the terminal according to the URL of the webpage to be displayed;根据所述网页图片的标识获取所述网页图片的缩略图,向所述终端发送所述缩略图;Acquiring a thumbnail of the webpage picture according to the identifier of the webpage picture, and sending the thumbnail to the terminal;接收所述终端检测到所述缩略图被选择时发送的第二获取请求,所述第二获取请求携带被选择的缩略图的标识;receiving a second acquisition request sent when the terminal detects that the thumbnail is selected, where the second acquisition request carries an identifier of the selected thumbnail;根据所述被选择的缩略图的标识获取所述网页图片;acquiring the webpage picture according to the identifier of the selected thumbnail;向所述终端发送所述网页图片,以使所述终端显示所述网页图片。sending the webpage picture to the terminal, so that the terminal displays the webpage picture.6.如权利要求5所述的方法,其特征在于,所述根据所述网页图片的标识获取所述网页图片的缩略图,包括:6. The method according to claim 5, wherein said obtaining the thumbnail of the webpage picture according to the identification of the webpage picture comprises:根据所述网页图片的标识,查找映射表中是否存在所述网页图片的标识对应的缩略图的标识;According to the identification of the web page picture, look up whether there is an identification of the thumbnail image corresponding to the identification of the web page picture in the mapping table;如果查找出所述网页图片的标识对应的缩略图的标识,根据所述缩略图的标识获取所述缩略图。If the identifier of the thumbnail image corresponding to the identifier of the web page image is found out, the thumbnail image is acquired according to the identifier of the thumbnail image.7.如权利要求6所述的方法,其特征在于,所述方法还包括:7. The method of claim 6, further comprising:如果没有查找出所述网页图片的标识对应的缩略图的标识,根据所述网页图片的标识获取所述网页图片,压缩所述网页图片得到至少一个缩略比例的缩略图。If the identifier of the thumbnail corresponding to the identifier of the webpage image is not found, the webpage image is obtained according to the identifier of the webpage image, and the webpage image is compressed to obtain a thumbnail with at least one thumbnail ratio.8.如权利要求6所述的方法,其特征在于,所述根据所述网页图片的标识,查找映射表中是否存在所述网页图片的标识对应的缩略图的标识,包括:8. The method according to claim 6, wherein, according to the identification of the web page picture, searching the mapping table for the identification of the thumbnail image corresponding to the identification of the web page picture comprises:如果所述第一获取请求还携带缩略比例,则根据所述网页图片的标识和所述缩略比例,查找映射表中是否存在所述网页图片的标识和所述缩略比例对应的缩略图的标识。If the first acquisition request also carries a thumbnail ratio, then according to the logo of the webpage picture and the thumbnail ratio, look up whether there is a thumbnail corresponding to the logo of the webpage picture and the thumbnail ratio in the mapping table logo.9.一种网页图片显示的装置,其特征在于,所述装置包括:9. A device for displaying webpage pictures, characterized in that the device comprises:第一获取模块,用于根据待显示网页的URL获取所述待显示网页中的网页数据;当所述网页数据中包含网页图片的标识时,获取所述网页图片的标识;The first obtaining module is used to obtain the webpage data in the webpage to be displayed according to the URL of the webpage to be displayed; when the webpage data includes the logo of the webpage picture, obtain the logo of the webpage picture;第一发送模块,用于向服务器发送第一获取请求,所述第一获取请求携带所述网页图片的标识,所述第一获取请求用于所述服务器根据所述网页图片的标识获取所述网页图片的缩略图;The first sending module is configured to send a first acquisition request to the server, the first acquisition request carries the identifier of the webpage picture, and the first acquisition request is used for the server to acquire the webpage image according to the identifier of the webpage Thumbnails of images on web pages;第一显示模块,用于接收并显示所述服务器发送的所述缩略图;a first display module, configured to receive and display the thumbnail image sent by the server;第二发送模块,用于检测到所述缩略图被选择时,从被选择的缩略图中获取所述被选择的缩略图的标识,向所述服务器发送第二获取请求,所述第二获取请求携带所述被选择的缩略图的标识,所述第二获取请求用于所述服务器根据所述被选择的缩略图的标识获取所述网页图片;The second sending module is configured to obtain the identifier of the selected thumbnail from the selected thumbnail when detecting that the thumbnail is selected, and send a second obtaining request to the server, and the second obtaining The request carries the identifier of the selected thumbnail, and the second acquisition request is used for the server to obtain the web page picture according to the identifier of the selected thumbnail;第二显示模块,用于接收并显示所述网页图片。The second display module is used to receive and display the web page picture.10.如权利要求9所述的装置,其特征在于,所述第一发送模块发送的第一获取请求还携带缩略比例,用于所述服务器根据所述网页图片的标识和所述缩略比例获取所述网页图片的缩略图。10. The device according to claim 9, wherein the first acquisition request sent by the first sending module also carries a thumbnail ratio, which is used by the server to obtain the thumbnail according to the logo of the webpage picture and the thumbnail. Scale to get the thumbnail of the webpage picture.11.如权利要求9或10所述的装置,其特征在于,所述装置还包括:11. The device according to claim 9 or 10, further comprising:第二获取模块,用于在显示所述待显示网页时,从所述服务器中获取位于第一位置和第二位置之间的网页内容,所述第一位置为终端屏幕底部在所述待显示网页中对应的位置,所述第二位置位于所述第一位置之后,所述第一位置和所述第二位置之间的间隔为预设长度。The second obtaining module is used to obtain the web page content between the first position and the second position from the server when displaying the web page to be displayed, the first position is at the bottom of the terminal screen on the web page to be displayed For a corresponding position in the webpage, the second position is located after the first position, and the interval between the first position and the second position is a preset length.12.如权利要求9或10所述的装置,其特征在于,所述装置还包括:12. The device according to claim 9 or 10, further comprising:确定模块,用于当检测到针对所述待显示网页的滑动操作后,根据滑动所述待显示网页的滑动速度,确定在当前时间与第一时间之间即将加载的网页内容,所述第一时间在所述当前时间之后且与所述当前时间的时间差为预设时间;The determination module is configured to determine the content of the webpage to be loaded between the current time and the first time according to the sliding speed of the webpage to be displayed after detecting the sliding operation on the webpage to be displayed, the first time The time is after the current time and the time difference from the current time is a preset time;加载模块,用于获取并加载所述确定的网页内容。A loading module, configured to acquire and load the determined webpage content.13.一种网页图片显示的装置,其特征在于,所述装置包括:13. A device for displaying webpage pictures, characterized in that the device comprises:第一接收模块,用于接收终端发送的第一获取请求,所述第一获取请求携带所述终端待显示网页信息包括的网页图片的标识,所述网页图片的标识由所述终端从所述待显示网页的网页数据中获取得到,所述待显示网页的网页数据由所述终端根据所述待显示网页的URL获取得到;The first receiving module is configured to receive the first acquisition request sent by the terminal, the first acquisition request carries the identification of the webpage picture included in the webpage information to be displayed by the terminal, and the identification of the webpage picture is obtained by the terminal from the Obtained from the webpage data of the webpage to be displayed, the webpage data of the webpage to be displayed is obtained by the terminal according to the URL of the webpage to be displayed;第三发送模块,用于根据所述网页图片的标识获取所述网页图片的缩略图,向所述终端发送所述缩略图;A third sending module, configured to acquire a thumbnail of the webpage picture according to the identifier of the webpage picture, and send the thumbnail to the terminal;第二接收模块,用于接收所述终端检测到所述缩略图被选择时发送的第二获取请求,所述第二获取请求携带被选择的缩略图的标识;The second receiving module is configured to receive a second acquisition request sent when the terminal detects that the thumbnail is selected, where the second acquisition request carries an identifier of the selected thumbnail;第三获取模块,用于根据所述被选择的缩略图的标识获取所述网页图片;A third acquiring module, configured to acquire the webpage picture according to the identifier of the selected thumbnail;第四发送模块,用于向所述终端发送所述网页图片,以使所述终端显示所述网页图片。A fourth sending module, configured to send the webpage picture to the terminal, so that the terminal displays the webpage picture.14.如权利要求13所述的装置,其特征在于,所述第三发送模块,包括:14. The device according to claim 13, wherein the third sending module comprises:查找子模块,用于根据所述网页图片的标识,查找映射表中是否存在所述网页图片的标识对应的缩略图的标识;A search submodule, configured to search the mapping table for an identifier of a thumbnail corresponding to the identifier of the webpage image according to the identifier of the webpage image;获取子模块,用于如果查找出所述网页图片的标识对应的缩略图的标识,根据所述缩略图的标识获取所述缩略图。The acquisition sub-module is configured to acquire the thumbnail according to the identifier of the thumbnail if the identification of the thumbnail corresponding to the identification of the web page picture is found.15.如权利要求14所述的装置,其特征在于,所述装置还包括:15. The device of claim 14, further comprising:压缩模块,用于如果没有查找出所述网页图片的标识对应的缩略图的标识,根据所述网页图片的标识获取所述网页图片,压缩所述网页图片得到至少一个缩略比例的缩略图。The compression module is used to obtain the webpage picture according to the logo of the webpage picture if the identification of the thumbnail corresponding to the webpage picture is not found, and compress the webpage picture to obtain a thumbnail with at least one thumbnail ratio.16.如权利要求14所述的装置,其特征在于,所述查找子模块用于:16. The device according to claim 14, wherein the search submodule is used for:如果所述第一获取请求还携带缩略比例,则根据所述网页图片的标识和所述缩略比例,查找映射表中是否存在所述网页图片的标识和所述缩略比例对应的缩略图的标识。If the first acquisition request also carries a thumbnail ratio, then according to the logo of the webpage picture and the thumbnail ratio, look up whether there is a thumbnail corresponding to the logo of the webpage picture and the thumbnail ratio in the mapping table logo.17.一种网页图片显示的装置,其特征在于,所述装置包括:17. A device for displaying webpage pictures, characterized in that the device comprises:处理器;processor;用于存储处理器可执行指令的存储器;memory for storing processor-executable instructions;其中,所述处理器被配置为:Wherein, the processor is configured as:根据待显示网页的URL获取所述待显示网页中的网页数据;Obtaining webpage data in the webpage to be displayed according to the URL of the webpage to be displayed;当所述网页数据中包含网页图片的标识时,获取所述网页图片的标识;When the webpage data includes the logo of the webpage picture, acquire the logo of the webpage picture;向服务器发送第一获取请求,所述第一获取请求携带所述网页图片的标识,所述第一获取请求用于所述服务器根据所述网页图片的标识获取所述网页图片的缩略图;Sending a first acquisition request to the server, the first acquisition request carrying the identifier of the webpage picture, and the first acquisition request is used for the server to acquire a thumbnail of the webpage picture according to the identifier of the webpage picture;接收并显示所述服务器发送的所述缩略图;receiving and displaying the thumbnail image sent by the server;检测到所述缩略图被选择时,从被选择的缩略图中获取所述被选择的缩略图的标识,向所述服务器发送第二获取请求,所述第二获取请求携带所述被选择的缩略图的标识,所述第二获取请求用于所述服务器根据所述被选择的缩略图的标识获取所述网页图片;When it is detected that the thumbnail is selected, the identifier of the selected thumbnail is obtained from the selected thumbnail, and a second obtaining request is sent to the server, the second obtaining request carries the selected an identifier of a thumbnail, and the second acquisition request is used for the server to acquire the webpage picture according to the identifier of the selected thumbnail;接收并显示所述网页图片。receiving and displaying the webpage picture.
CN201610872017.5A2016-09-302016-09-30A kind of method and device that Web page picture is shownActiveCN106528617B (en)

Priority Applications (1)

Application NumberPriority DateFiling DateTitle
CN201610872017.5ACN106528617B (en)2016-09-302016-09-30A kind of method and device that Web page picture is shown

Applications Claiming Priority (1)

Application NumberPriority DateFiling DateTitle
CN201610872017.5ACN106528617B (en)2016-09-302016-09-30A kind of method and device that Web page picture is shown

Publications (2)

Publication NumberPublication Date
CN106528617A CN106528617A (en)2017-03-22
CN106528617Btrue CN106528617B (en)2019-08-16

Family

ID=58331218

Family Applications (1)

Application NumberTitlePriority DateFiling Date
CN201610872017.5AActiveCN106528617B (en)2016-09-302016-09-30A kind of method and device that Web page picture is shown

Country Status (1)

CountryLink
CN (1)CN106528617B (en)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN107911571B (en)*2017-11-302019-06-28Oppo广东移动通信有限公司 Image transmission control method, device, storage medium and mobile terminal
CN108287892B (en)*2018-01-182022-03-04北京奇艺世纪科技有限公司Picture loading method and device and electronic equipment
CN108933814A (en)*2018-05-312018-12-04康键信息技术(深圳)有限公司electronic device, image processing method and storage medium
CN108932346B (en)*2018-07-302022-02-11江苏特思达电子科技股份有限公司Electronic whiteboard content sharing method and device and electronic whiteboard
CN110929197A (en)*2019-11-272020-03-27杭州安恒信息技术股份有限公司Method and device for previewing and loading webpage picture
CN113746718B (en)2020-05-292022-10-28华为技术有限公司Content sharing method, device and system
CN111404802A (en)2020-02-192020-07-10华为技术有限公司Notification processing system and method and electronic equipment
CN111949330B (en)*2020-08-112022-06-24深圳市前海手绘科技文化有限公司Method for loading hand-drawing draft
CN112615973B (en)*2020-12-242023-04-21深圳市优必选科技股份有限公司Picture display method, device, server and computer readable storage medium

Citations (6)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN102684986A (en)*2011-04-142012-09-19天脉聚源(北京)传媒科技有限公司 A method and system for displaying pictures on a terminal
CN102685169A (en)*2011-03-172012-09-19腾讯科技(北京)有限公司Method and system for preloading large pictures of thumbnails
CN102855313A (en)*2012-08-242013-01-02北京壹人壹本信息科技有限公司Webpage browsing equipment, webpage abstract generating method and webpage opening method
CN103425699A (en)*2012-05-242013-12-04腾讯科技(深圳)有限公司Method, equipment and system for acquiring web pages
CN104243923A (en)*2014-09-092014-12-24苏州科达科技股份有限公司Image processing and previewing method and system
CN104765809A (en)*2015-04-022015-07-08北京奇虎科技有限公司Preview method and device of search pictures of mobile terminal

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN102685169A (en)*2011-03-172012-09-19腾讯科技(北京)有限公司Method and system for preloading large pictures of thumbnails
CN102684986A (en)*2011-04-142012-09-19天脉聚源(北京)传媒科技有限公司 A method and system for displaying pictures on a terminal
CN103425699A (en)*2012-05-242013-12-04腾讯科技(深圳)有限公司Method, equipment and system for acquiring web pages
CN102855313A (en)*2012-08-242013-01-02北京壹人壹本信息科技有限公司Webpage browsing equipment, webpage abstract generating method and webpage opening method
CN104243923A (en)*2014-09-092014-12-24苏州科达科技股份有限公司Image processing and previewing method and system
CN104765809A (en)*2015-04-022015-07-08北京奇虎科技有限公司Preview method and device of search pictures of mobile terminal

Also Published As

Publication numberPublication date
CN106528617A (en)2017-03-22

Similar Documents

PublicationPublication DateTitle
CN106528617B (en)A kind of method and device that Web page picture is shown
CN107153541B (en) Browsing interaction processing method and device
CN108509232A (en)Screen recording method, device and computer readable storage medium
CN106896991B (en) A method and device for updating information
CN107273448B (en)Information display method, device and computer readable storage medium
JP2017531218A (en) Interface display method and apparatus
CN105893493A (en)Searching method and device
CN106897937A (en)A kind of method and apparatus for showing social sharing information
CN105812515A (en)Protection cover of mobile terminal, and method, device and terminal for setting system themes
CN107193606A (en)Using distribution method and device
CN107402767B (en) Method and apparatus for displaying push messages
CN107229403B (en)Information content selection method and device
CN106201734A (en)Sharing files method and device
CN107045541A (en)data display method and device
CN106095236A (en)The method and device of arranging desktop icons
CN111814088A (en) A kind of page processing method and device
CN105956199B (en)Information displaying method and device
CN106886357A (en)A kind of information deletion method and device
CN107402756B (en)Method, device and terminal for drawing page
CN106708967A (en)Page display method and device
CN105843486A (en)Method and apparatus for interface display
CN107679118A (en) Page loading method and device
CN106294596A (en)The method and device of information search
CN105912202A (en)Application sharing method and device
CN106339452B (en)Event response method and device

Legal Events

DateCodeTitleDescription
C06Publication
PB01Publication
SE01Entry into force of request for substantive examination
SE01Entry into force of request for substantive examination
GR01Patent grant
GR01Patent grant

[8]ページ先頭

©2009-2025 Movatter.jp