WO2015062402A1 - 一种网页图片的显示方法及装置 - Google Patents

一种网页图片的显示方法及装置 Download PDF

Info

Publication number
WO2015062402A1
WO2015062402A1 PCT/CN2014/088363 CN2014088363W WO2015062402A1 WO 2015062402 A1 WO2015062402 A1 WO 2015062402A1 CN 2014088363 W CN2014088363 W CN 2014088363W WO 2015062402 A1 WO2015062402 A1 WO 2015062402A1
Authority
WO
WIPO (PCT)
Prior art keywords
webpage
browser
webpage image
screen display
display window
Prior art date
Application number
PCT/CN2014/088363
Other languages
English (en)
French (fr)
Inventor
陶涛
Original Assignee
腾讯科技（深圳）有限公司
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 腾讯科技（深圳）有限公司 filed Critical 腾讯科技（深圳）有限公司
Publication of WO2015062402A1 publication Critical patent/WO2015062402A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation

Definitions

  • the present invention relates to the field of computers, and in particular, to a method and an apparatus for displaying a webpage picture.
  • the browser client application can display the data obtained from the web server, and in the mobile terminal such as a mobile phone or a tablet computer, the mobile internet service can be implemented through the mobile terminal browser.
  • the mobile browser is a kind of user in the mobile phone.
  • Mobile Internet tools for Internet content browsing through wireless communication networks on the terminal the most important application is web browsing, and can also gather a large number of applications, such as navigation, community, multimedia audio and video, weather, stock market and so on.
  • the image data requested from the server through the network is rendered and displayed in the webpage of the browser.
  • the user needs to find and search the webpage. Actively click on the "Next Page” or "Previous” button in the web page to view the corresponding next or previous image in the next page or previous page of the display.
  • the displayed picture is designed by the webpage provider according to requirements and based on JS (Javascript, a kind of object-oriented dynamic type distinction developed by Netscape's LiveScript).
  • JS Javascript, a kind of object-oriented dynamic type distinction developed by Netscape's LiveScript.
  • the capitalization of the client-side scripting language) script implementation the display effect is limited to the web designer, and the access mode of the webpage image cannot be implemented on the mobile terminal browser client application side.
  • Embodiments of the present invention provide a method and an apparatus for displaying a webpage picture.
  • the webpage image entry flag for starting the browser full screen display window can be created in the display area preset in the mobile terminal browser page. Knowledge, and then display the image data in the full-screen display window of the browser, and realize the display of the webpage image on the side of the client application side of the mobile terminal browser, thereby improving the intelligence of the mobile terminal.
  • a first aspect of the present invention provides a method for displaying a webpage image, which can be applied to a mobile terminal, and the display method includes:
  • webpage image data in a browser page of the mobile terminal includes: location information of at least one webpage photo subfile and the webpage image subfile in the browser page;
  • a second aspect of the present invention provides a display device for a webpage image, which is applicable to a mobile terminal, and the display device includes:
  • An obtaining module configured to acquire webpage image data in a browser page of the mobile terminal, where the webpage image data includes: at least one webpage photo subfile and location information of the webpage photo subfile in the browser page ;
  • a determining module configured to determine a preset display area on the browser page according to the location information
  • a creating module configured to create a webpage image entry identifier for starting a browser full-screen display window in the preset display area
  • a receiving module configured to receive a touch instruction for the logo of the webpage image entry
  • a display module configured to display the browser full-screen display window on the browser page, and display the acquired at least one webpage photo sub-file in the browser full-screen display window.
  • a webpage image entry identifier may be created in a preset display area in the browser page, and the browser full screen display window may be activated through the webpage image entry identifier, and the image data is displayed in the full screen display window of the browser, and browsed in the mobile terminal.
  • Client application side to implement web page image The user can view the webpage image in the full-screen display window of the browser, which improves the intelligence of the mobile terminal.
  • FIG. 1 is a flowchart of a method for displaying a webpage picture according to an embodiment of the present invention
  • FIG. 2a is a schematic diagram of a webpage picture entry identifier according to an embodiment of the present invention.
  • 2b is a schematic diagram of a browser full screen display window according to an embodiment of the present invention.
  • FIG. 3 is a schematic structural diagram of a device for displaying a webpage picture according to an embodiment of the present disclosure
  • FIG. 4 is a schematic structural diagram of a determining module according to an embodiment of the present invention.
  • FIG. 5 is a schematic structural diagram of a creation module according to an embodiment of the present invention.
  • the mobile terminal includes, but is not limited to, a terminal device such as a mobile phone, a tablet computer, or a personal digital assistant (PDA, Personal Digital Assistant).
  • the mobile terminal browser is, for example, a mobile phone QQ browser suitable for WAP (Wireless Application Protocol), WWW (World Wide Web) web browsing.
  • WAP Wireless Application Protocol
  • WWW World Wide Web
  • the webpage image includes the image in the webpage and the image in the webpage.
  • the image in the webpage refers to all the images in the webpage (except the advertisement in the webpage, the logo of the webpage logo, etc.), and the image between the webpages is distributed on different webpages. And there are associated pictures, pictures that users need to click on a button to display.
  • the invention discloses a method and a device for displaying a webpage picture, comprising: obtaining a current mobile terminal The webpage image data in the browser page of the end, the webpage image data comprising: at least one webpage photo subfile and location information of the webpage photo subfile in the browser page; according to the location information in a browser page Determining a preset display area; the preset display area creates a webpage image entry identifier for initiating a browser full screen display window; receiving a touch instruction for the webpage image entry identifier; and displaying on the browser page
  • the browser displays the window in full screen, and displays the acquired at least one webpage photo subfile in the browser full screen display window.
  • a webpage image entry identifier may be created in a preset display area in the browser page, and the browser full screen display window may be activated through the webpage image entry identifier, and the image data is displayed on the full screen display window of the browser.
  • the terminal browser client application side realizes the display of the webpage picture, and the user can view the page image in the full screen display window of the browser, thereby improving the intelligence of the mobile terminal.
  • FIG. 1 is a flowchart of a method for displaying a webpage picture according to an embodiment of the present invention; the method is applicable to a mobile terminal, and the method includes the following steps: S101-S104.
  • the webpage image data in the browser page of the mobile terminal is obtained, where the webpage image data includes: location information of at least one webpage image subfile and the webpage image subfile in the browser page.
  • the DOM (Document Object Model) node of the webpage image data is obtained according to the webpage image subfile in the browser page. If the DOM node has a parent node, it is determined that the webpage image subfile is a set map relationship, and the DOM tree is traversed to obtain a webpage image subfile corresponding to the sibling node of the DOM node.
  • a set of pictures such as news, travel notes, photo, etc.
  • the set of drawings includes a plurality of related webpage images.
  • the location information of the webpage image subfile in the browser page is obtained.
  • the location information of the webpage image subfile is the display location information of the webpage image subfile in the webpage page.
  • the location information of the webpage image subfile in the browser page may be obtained according to the size of the display screen of the mobile terminal and the pixel density per inch of the display screen, or may be according to the horizontal of the display screen.
  • the position of the axis coordinate point is determined.
  • the location information of the obtained webpage photo subfile is obtained.
  • the location information of the specific webpage photo subfile may be obtained according to the size of the display screen of the mobile terminal and the pixel density per inch of the display screen.
  • the location information of the webpage photo subfile may be determined according to the position of the horizontal axis coordinate point of the display screen.
  • the mobile browser page is determined according to the size of the display screen of the mobile terminal and the pixel density per inch of the display screen, or the position of the horizontal axis coordinate point of the display screen, combined with the location information of the webpage image subfile.
  • the preset display area may be consistent with the display area of the webpage image subfile, so that the webpage image entry identifier may be displayed above the webpage image subfile, so that the user can find and select the webpage image entry identifier.
  • the location information of the plurality of webpage image subfiles is the same.
  • the determining the preset display area in the browser page according to the location information of the webpage image sub-file in the browser page may include: acquiring a node of the plurality of webpage image sub-files, wherein the nodes of the plurality of webpage image sub-files are mutually a sibling node; a node of the webpage image entry identifier is set as a sibling node of the node of the plurality of webpage image subfiles; and the preset display area is determined according to the location information of the webpage image subfile.
  • the node identified by the webpage entry is set as a sibling node with the node of the webpage image subfile, and the node of the webpage entry identifier is added to the parent node corresponding to the webpage image subfile.
  • the location information of the webpage entry identifier is consistent with the location information of the webpage image subfile.
  • the nodes in the same layer and connected to the same parent node are mutually sibling nodes.
  • the set picture is under the same parent node, and the nodes of each webpage image subfile belong to the same layer node, and Under the same parent node, the nodes of each web page image subfile are sibling nodes.
  • the location information of the webpage entry identifier is consistent with the location information of the webpage image subfile, so that when the user views the webpage image in the webpage page, the webpage image entry identifier is clicked on the webpage image displayed on the webpage page to enter the webpage image view.
  • the mode does not require looking for an entry identifier in a region other than the web page image display area on the web page.
  • a webpage image entry identifier for launching a full screen display window of the browser is created in a preset display area.
  • the web page entry identifier includes but is not limited to: a preset picture or a preset button. Preset pictures such as preset thumbnails, preset patterns, and the like. Preset buttons such as a preset square button, a preset dot button, and the like.
  • FIG. 2a a schematic diagram of a webpage image entry identifier provided by an embodiment of the present invention, where area 201 is a display area of a webpage image subfile, 202 is a webpage entry identifier, and the webpage entry identifier is 202 may be created at any location above region 201, such as in the upper left, upper right, lower left, or lower right corner of region 201, and the like.
  • a browser full-screen display window is created in the browser page, and the webpage image entry identifier is associated with the browser full-screen display window, so as to receive a touch instruction for the webpage image entry identifier.
  • the browser full-screen display window associated with the web page entry identifier can be displayed in the browser page.
  • the preset picture or the preset button may be converted into binary data and assigned to the event trigger function, so that when the user touches the image of the image entry identifier, the corresponding event may be triggered. .
  • triggering the execution of the corresponding event may trigger the browser to open the full screen display window.
  • the browser full-screen display window is associated with the image entry identifier in advance.
  • the touch event of the image entry identifier may be associated with an event that opens a browser full-screen display window.
  • a browser full screen display window is created on the browser page.
  • the browser full-screen display window is a display window created locally by the browser, which can be implemented on the mobile terminal browser client application side, instead of the prior art webpage provider designing according to requirements and implementing based on JS script. Similar to the browser's own elements such as favorites, tags, etc., the browser full-screen display window is also the element that comes with the browser.
  • the browser full screen display window may be a floating window on the browser page of the current mobile terminal.
  • the webpage image entry identifier is associated with the webpage image data in the obtained browser page.
  • the touch event of the image entry identifier may be associated with the webpage image data in the obtained browser page.
  • web page images are imported.
  • the port identifier is associated with the browser full screen display window. Therefore, the web page image data can be displayed in the full screen display window of the browser.
  • the mobile terminal receives a touch instruction for the webpage image entry identifier.
  • the browser full-screen display window is displayed on the browser page, and at least one webpage image subfile obtained is displayed in the browser full-screen display window.
  • the user touches a webpage image entry identifier on a browser page such as a mobile phone with a hand or a touch screen pen, and the image entry identifier is displayed above the webpage image in the webpage page, so that the user can find and touch.
  • the mobile terminal receives a touch instruction of the user to the logo of the webpage image.
  • the web page entry identifier has been associated with the browser full screen display window. In this case, when the user receives the touch instruction for the webpage image entry identifier, the browser full screen display window is displayed on the browser page.
  • the acquired browser page of the current mobile terminal may be displayed on the first display area preset in the browser full screen display window.
  • the webpage image subfile in the webpage displays a thumbnail of the webpage image subfile and a thumbnail of the adjacent webpage image subfile of the webpage image subfile on the second display area preset in the full screen display window of the browser, wherein the preset The first display area is larger than the preset second display area. Therefore, the user can view the webpage image subfile in the browser full screen display window, and can also view the previous or next webpage image subfile directly in the browser full screen display window, without opening a new webpage to view the previous or Next page image subfile.
  • FIG. 2b is a schematic diagram of a browser full screen display window according to an embodiment of the present invention.
  • a webpage photo subfile is displayed in the area 203: a picture 1; a thumbnail of the webpage photo subfile 1 and a thumbnail of the webpage photo subfile adjacent to the webpage photo subfile 1 are displayed in the area 204: the picture 1 Thumbnail, thumbnail of picture 2, and thumbnail of picture 3.
  • An embodiment of the present invention provides a method for displaying a webpage image, which can obtain webpage image data in a browser page of a current mobile terminal, where the webpage image data includes: at least one webpage image The location information of the subfiles and webpage image subfiles in the browser page.
  • the preset display area is determined on the browser page according to the location information of the web page photo subfile.
  • a webpage image entry identifier for launching a browser full screen display window is created in the preset display area. Therefore, when receiving the touch instruction for the webpage image entry identifier, the browser full screen display window is displayed on the browser page, and the obtained at least one webpage image subfile is displayed in the browser full screen display window.
  • the display of the webpage image is implemented on the mobile terminal browser client application side, and the user can view the page image in the full screen display window of the browser, thereby improving the intelligence of the mobile terminal.
  • a display device for a webpage image provided by an embodiment of the present invention will be described in detail below with reference to FIG. It should be noted that the display device of the webpage picture shown in FIG. 3 is used to execute the method of the embodiment shown in FIG. 1 of the present invention. For the convenience of description, only parts related to the embodiment of the present invention are shown, and the specific technology is For details not disclosed, please refer to the embodiment shown in FIG. 1 of the present invention.
  • FIG. 3 is a schematic structural diagram of a device for displaying a webpage image according to an embodiment of the present invention
  • the apparatus may include: an obtaining module 301, a determining module 302, a creating module 303, a receiving module 304, and a displaying module 305.
  • the obtaining module 301 is connected to the determining module 302, the determining module 302 is connected to the creating module 303, the creating module 303 is connected to the receiving module 304, and the display module 305 is connected to the obtaining module 301, the creating module 303 and the receiving module 304, respectively.
  • the obtaining module 301 is configured to obtain webpage image data in a browser page of the current mobile terminal, where the webpage image data includes: at least one webpage photo subfile and location information of the webpage photo subfile in the browser page. .
  • the obtaining module 301 acquires webpage image data in a browser page of the current mobile terminal, where the webpage image data includes: at least one webpage image subfile and location information of the webpage image subfile. Specifically, the obtaining module 301 acquires a DOM node of the webpage image data according to the webpage image subfile in the current browser page. If the DOM node has a parent node, it is determined that the webpage image subfile is a set map relationship, and the DOM tree is traversed to obtain a webpage image subfile corresponding to the sibling node of the DOM node.
  • a set of pictures such as news, travel notes, photo, etc.
  • the set of drawings includes a plurality of related webpage images.
  • the location information of the webpage image subfile in the browser page is obtained.
  • Web page image The location information of the piece is the display position information of the webpage image subfile in the webpage page.
  • the location information of the webpage photo subfile in the browser page may be obtained according to the size of the display screen of the mobile terminal and the pixel density per inch of the display screen, or may be determined according to the position of the horizontal axis coordinate point of the display screen.
  • the determining module 302 is configured to determine a preset display area in the browser page according to the location information.
  • the acquiring module 301 acquires location information of the webpage photo subfile. Specifically, the obtaining module 301 can obtain the location information of the specific webpage photo subfile according to the size of the display screen of the mobile terminal and the pixel density per inch of the display screen. Optionally, the obtaining module 301 can determine location information of the webpage photo subfile according to the position of the horizontal axis coordinate point of the display screen. In this case, according to the size of the display screen of the mobile terminal and the pixel density per inch of the display screen, or the position of the horizontal axis coordinate point of the display screen, combined with the location information of the webpage image subfile, the mobile browser page is determined. The default display area.
  • the location information of the plurality of webpage image subfiles is the same.
  • the node of the webpage image entry identifier may be set as a sibling node with the node of the webpage image subfile, so that the preset display area may be determined according to the location information of the webpage image subfile in the browser page.
  • the preset display area may be consistent with the display area of the webpage image subfile, so that the webpage image entry identifier may be displayed above the webpage image subfile, so that the user can find and select the webpage image entry identifier.
  • nodes located on the same layer and connected to the same parent node are sibling nodes.
  • the set picture is under the same parent node, and the nodes of each webpage image subfile belong to the same layer node, and under the same parent node, the nodes of each webpage image subfile are mutually sibling nodes. .
  • the creating module 303 is configured to create a webpage image entry identifier for launching a full screen display window of the browser in the preset display area.
  • a webpage image entry identifier for launching a full screen display window of the browser is created in a preset display area.
  • the webpage image entry identifier includes but is not limited to: a preset image or a preset button. Preset pictures such as preset thumbnails, preset patterns, and the like. Preset buttons such as a preset square button, a preset dot button, and the like.
  • a webpage map provided by an embodiment of the present invention is provided.
  • a schematic diagram of the slice entry identifier, the area 201 is a display area of the web page subfile, and 202 is a webpage entry identifier.
  • the webpage entry identifier 202 can be created at any position above the area 201, for example, in the upper left corner, the upper right corner, and the lower left of the area 201. Angle or lower right corner, etc.
  • a browser full-screen display window is created on the browser page, and the browser full-screen display window is a display window created locally by the browser, which is implemented on the mobile terminal browser client application side instead of the current
  • the browser's full-screen display window also has its own elements that are native to the browser, such as favorites, tags, and other elements.
  • the browser full screen display window may be a floating window on the browser page of the current mobile terminal.
  • the receiving module 304 is configured to receive a touch instruction for the webpage image entry identifier.
  • the display module 305 displays the browser full-screen display window on the browser page, and displays the acquired at least one webpage photo sub-file in the browser full-screen display window.
  • the mobile terminal receives a touch instruction for the webpage image entry identifier.
  • the browser full-screen display window is displayed on the browser page, and at least one webpage image subfile obtained is displayed in the browser full-screen display window.
  • the user touches a webpage image entry identifier on a browser page such as a mobile phone with a hand or a touch screen pen, and the image entry identifier is displayed above the webpage image in the webpage page, so that the user can find and touch.
  • the mobile terminal receives a touch instruction of the user to the logo of the webpage image.
  • the web page entry identifier has been associated with the browser full screen display window. In this case, when the user receives the touch instruction for the webpage image entry identifier, the browser full screen display window is displayed on the browser page.
  • the acquired browser page of the current mobile terminal may be displayed on the first display area preset in the browser full screen display window.
  • the webpage image subfile in the webpage displays a thumbnail of the webpage image subfile and a thumbnail of the adjacent webpage image subfile of the webpage image subfile on the second display area preset in the full screen display window of the browser, wherein the preset The first display area is larger than the preset second display area. Therefore, the user can view the webpage image subfile in the browser full screen display window, and can also view the previous or next webpage image subfile directly in the browser full screen display window, without opening a new webpage to view the previous or Next page image subfile.
  • FIG. 2b is a schematic diagram of a browser full screen display window according to an embodiment of the present invention.
  • a webpage photo subfile is displayed in the area 203: a picture 1; a thumbnail of the webpage photo subfile 1 and a thumbnail of the webpage photo subfile adjacent to the webpage photo subfile 1 are displayed in the area 204: the picture 1 Thumbnail, thumbnail of picture 2, and thumbnail of picture 3.
  • a display device for a webpage image is provided, and the display device can be applied to a mobile terminal.
  • the obtaining module may obtain webpage image data in a browser page of the mobile terminal, where the webpage image data includes: location information of at least one webpage image subfile and a webpage image subfile in a browser page.
  • the determining module determines the preset display area on the browser page according to the location information of the webpage photo subfile.
  • the creation module creates a webpage image entry identifier for launching the browser full screen display window in a preset display area. Therefore, when receiving the touch instruction for the webpage image entry identifier, the display module displays the browser full screen display window on the browser page, and displays the acquired at least one webpage image subfile in the browser full screen display window.
  • the display of the webpage image is implemented on the mobile terminal browser client application side, and the user can view the page image in the full screen display window of the browser, thereby improving the intelligence of the mobile terminal.
  • FIG. 4 is a schematic structural diagram of a determining module according to an embodiment of the present invention.
  • the determining module 302 may include: a node acquiring unit 3021, a setting unit 3022, and a display area determining unit 3023.
  • the node obtaining unit 3021 is configured to acquire nodes of the plurality of webpage image subfiles, wherein the nodes of the plurality of webpage image subfiles are mutually sibling nodes.
  • the setting unit 3022 is configured to set a node of the webpage image entry identifier as a sibling node of the node of the plurality of webpage image subfiles.
  • the display area determining unit 3023 is configured to determine a preset display area according to the location information of the webpage photo subfile.
  • the location information of the plurality of webpage image subfiles is the same.
  • the node obtaining unit 3021 acquires multiple webpage maps The nodes of the movie file, the nodes of the multiple web page image sub-files are brother nodes.
  • the setting unit 3022 sets the node identified by the web page image entry as the sibling node of the node of the plurality of web page picture subfiles.
  • the display area determining unit 3023 determines a preset display area based on the position information of the web page picture subfile.
  • the node identified by the webpage entry is set as a sibling node with the node of the webpage image subfile, and the node of the webpage entry identifier is added to the parent node corresponding to the webpage image subfile.
  • the location information of the webpage entry identifier can be consistent with the location information of the webpage image subfile.
  • the location information of the webpage entry identifier is consistent with the location information of the webpage image subfile, so that when the user views the webpage image in the webpage page, the webpage image entry identifier is clicked on the webpage image displayed on the webpage page to enter the webpage image view.
  • the mode does not require looking for an entry identifier in a region other than the web page image display area on the web page.
  • the structure and function of the determining module shown in FIG. 1 can be specifically implemented by the method of the embodiment shown in FIG. 1 of the present invention.
  • the specific implementation process refer to the related description of the embodiment shown in FIG. Do not repeat them.
  • FIG. 5 is a schematic structural diagram of a creation module according to an embodiment of the present invention
  • the creation module 303 may include: a first association unit 3031, a window creation unit 3032, and a second association unit 3033.
  • the first association unit 3031 is configured to associate the webpage image entry identifier with the webpage image data in the acquired browser page.
  • a browser full-screen display window is created on the browser page, and the webpage image entry identifier is associated with the browser full-screen display window. Therefore, when receiving the touch instruction for the webpage image entry identifier, the browser full screen display window associated with the webpage image entry identifier may be displayed on the browser page.
  • a preset picture or a preset button may be converted into binary data and assigned to an event trigger function. Therefore, when receiving the touch of the image entry identifier by the user, the corresponding event may be triggered to be executed. In the embodiment of the present invention, triggering the execution of the corresponding event may trigger the browser to open the full screen display window.
  • the browser full-screen display window being associated with the image entry identifier in advance may include: the touch event of the image entry identifier is associated with an event that opens a browser full-screen display window.
  • the window creating unit 3032 is configured to create the browser full-screen display window on the browser page.
  • a browser full-screen display window is created on the browser page, and the browser full-screen display window is a display window created locally by the browser.
  • the browser full screen display window is implemented on the mobile terminal browser client application side, instead of being designed by a web page provider according to requirements and implemented based on JS script as in the prior art.
  • the browser natively comes with elements such as favorites, tags, etc., and the browser full-screen display window also acts as an element native to the browser.
  • the browser full screen display window can be a floating window on the current browser page.
  • the second association unit 3033 is configured to associate the webpage image entry identifier with the browser full screen display window.
  • the webpage image entry identifier is associated with the webpage image data in the obtained browser page, and specifically, the touch event of the image portal identifier and the obtained browser page may be Web page image data is associated. As described above, the webpage image entry identifier is associated with the browser full screen display window, so that the webpage image data can be displayed in the browser full screen display window.
  • the embodiment of the invention further discloses a mobile terminal, comprising a display screen and a mobile terminal browser, wherein the display screen is used for displaying data, such as displaying a browser page and a browser full-screen display window, and the mobile terminal browser is as shown in FIG. 3
  • the device shown in FIG. 5; the structure and function of the device can be referred to the related description of the embodiment shown in FIG. 3 to FIG. 5, and details are not described herein. It should be noted that the terminal in this embodiment can be applied to the foregoing method.
  • the embodiment of the present invention provides a method and a device for displaying a webpage image, which can obtain webpage image data in a browser page of a current mobile terminal, where the webpage image data includes: at least one webpage image subfile And location information of the webpage photo subfile in the browser page; further determining a preset display area in the browser page according to the location information; creating a webpage image for starting the browser full screen display window in the preset display area Entrance identification Receiving a touch command for the logo of the webpage image; displaying a full screen display window of the browser in the browser page, and displaying at least one webpage image subfile obtained in the full screen display window of the browser.
  • the display of the webpage image is implemented on the mobile terminal browser client application side, and the user can view the page image in the full screen display window of the browser, thereby improving the intelligence of the mobile terminal.
  • the storage medium may be a magnetic disk, an optical disk, a read-only memory (ROM), or a random access memory (RAM).

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种网页图片的显示方法及装置，应用于终端设备。该方法包括：获取该移动终端的浏览器页面中的网页图片数据；根据网页图片数据中的网页图片子文件在所述浏览器页面中的位置信息在浏览器页面中确定预设的显示区域；在预设的显示区域创建网页图片入口标识；接收对网页图片入口标识的触控指令；以及在浏览器页面中显示浏览器全屏显示窗口，并在浏览器全屏显示窗口中显示网页图片数据。从而，用户可在浏览器全屏显示窗口查阅网页图片，提高了移动终端的智能性。

Description

一种网页图片的显示方法及装置
本申请要求于2013年10月30日提交中国专利局、申请号为201310530141.X、发明名称为“一种网页图片的显示方法及装置”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本发明涉及计算机领域，尤其涉及一种网页图片的显示方法及装置。
背景技术
通过浏览器客户端应用程序可以显示从网页服务器中获取到的数据，在手机、平板电脑等移动终端中，可通过移动终端浏览器实现移动互联网服务，例如，手机浏览器是一种用户在手机终端上通过无线通讯网络进行互联网内容浏览的移动互联网工具，其最主要的应用为网页浏览，同时也可以聚集大量的应用，如导航、社区、多媒体影音、天气、股市等。
现有移动终端浏览器中，通过网络从服务器请求到的图片数据经渲染后显示在浏览器的网页中，当多个相关图片通过不同页面或异步加载方式显示时，用户需在网页中查找并主动点击网页中的“下一页”或“上一页”按钮，才能在显示的下一页或上一页网页中查阅对应的下一个图片或上一个图片，网页中没有一个统一的入口标识以便于进入查阅多个相关图片的模式，又显示的图片为网页提供商根据需求设计且基于JS(Javascript，是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言)脚本实现，展现效果限制于网页设计人员，无法在移动终端浏览器客户端应用程序侧实现进入网页图片的查阅模式。
发明内容
本发明实施例提供一种网页图片的显示方法及装置。可在移动终端浏览器页面中预设的显示区域创建用于启动浏览器全屏显示窗口网页图片入口标 识，进而在浏览器全屏显示窗口显示图片数据，在移动终端浏览器客户端应用程序侧实现网页图片的显示，提高了移动终端的智能性。
本发明第一方面，提供一种网页图片的显示方法，可应用及移动终端，该显示方法包括：
获取所述移动终端的浏览器页面中的网页图片数据，所述网页图片数据包括：至少一个网页图片子文件和所述网页图片子文件在所述浏览器页面中的位置信息；
根据所述位置信息在浏览器页面确定预设的显示区域；
在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识；
接收对所述网页图片入口标识的触控指令；以及
在所述浏览器页面显示所述浏览器全屏显示窗口，并在所述浏览器全屏显示窗口显示所述获取到的至少一个网页图片子文件。
本发明第二方面，提供一种网页图片的显示装置，可应用于移动终端，该显示装置包括：
获取模块，用于获取所述移动终端的浏览器页面中的网页图片数据，所述网页图片数据包括：至少一个网页图片子文件和所述网页图片子文件在所述浏览器页面中的位置信息；
确定模块，用于根据所述位置信息在浏览器页面确定预设的显示区域；
创建模块，用于在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识；
接收模块，用于接收对所述网页图片入口标识的触控指令；以及
显示模块，用于在所述浏览器页面显示所述浏览器全屏显示窗口，并在所述浏览器全屏显示窗口中显示所述获取到的至少一个网页图片子文件。
实施本发明实施例，具有如下有益效果：
本发明实施例可在浏览器页面中预设的显示区域创建网页图片入口标识，通过该网页图片入口标识可启动浏览器全屏显示窗口，并在浏览器全屏显示窗口显示图片数据，在移动终端浏览器客户端应用程序侧实现网页图片 的显示，用户可在浏览器全屏显示窗口查阅网页图片，提高了移动终端的智能性。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种网页图片的显示方法的流程图；
图2a为本发明实施例提供的网页图片入口标识的示意图；
图2b为本发明实施例提供的浏览器全屏显示窗口的示意图；
图3为本发明实施例提供的一种网页图片的显示装置的结构示意图；
图4为本发明实施例提供的确定模块的结构示意图；
图5为本发明实施例提供的创建模块的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明实施例中，移动终端包括但不局限于：手机、平板电脑、个人数字助理(PDA，Personal Digital Assistant，又名掌上电脑)等终端设备。移动终端浏览器例如适合WAP(Wireless Application Protocol，无线应用协议)、WWW(World Wide Web，万维网)网页浏览的手机QQ浏览器等。网页图片包括网页内的图片和网页间的图片，网页内的图片指一个网页页面内所有的图片(网页页面内的广告，网页标识logo等图片除外)，网页间的图片指分布在不同网页页面且有关联的图片，用户需要点击某个按钮才能展现的图片。
本发明公开了一种网页图片的显示方法及装置，包括：获取当前移动终 端的浏览器页面中的网页图片数据，所述网页图片数据包括：至少一个网页图片子文件和所述网页图片子文件在所述浏览器页面中的位置信息；根据所述位置信息在浏览器页面确定预设的显示区域；所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识；接收对所述网页图片入口标识的触控指令；以及在所述浏览器页面显示所述浏览器全屏显示窗口，并在所述浏览器全屏显示窗口中显示所述获取到的至少一个网页图片子文件。
采用本发明实施例，可在浏览器页面中预设的显示区域创建网页图片入口标识，通过该网页图片入口标识可启动浏览器全屏显示窗口，并在浏览器全屏显示窗口显示图片数据，在移动终端浏览器客户端应用程序侧实现网页图片的显示，用户可在浏览器全屏显示窗口查阅页图片，提高了移动终端的智能性。
下面将结合附图1，对本发明实施例提供的网页图片的显示方法进行详细介绍。
请参见图1，为本发明实施例提供的一种网页图片的显示方法的流程图；该方法可应用于移动终端，该方法包括以下步骤：S101～S104。
S101，获取移动终端的浏览器页面中的网页图片数据，网页图片数据包括：至少一个网页图片子文件和网页图片子文件在浏览器页面中的位置信息。
作为一种可选的实施方式，获取该移动终端的浏览器页面中的网页图片数据，其中，网页图片数据包括：至少一个网页图片子文件和网页图片子文件在浏览器页面中的位置信息。具体的，根据浏览器页面中的网页图片子文件获取网页图片数据的DOM(文件对象模型，Document Object Model)节点。若DOM节点有父节点，则确定该网页图片子文件为套图关系，则遍历DOM树获取该DOM节点的兄弟节点对应的网页图片子文件。其中，套图例如新闻、游记、写真等中是成套出现的网页图片，套图包括多个相关网页图片。获取到至少一个网页图片子文件后，获取网页图片子文件在浏览器页面中的位置信息。网页图片子文件的位置信息为网页图片子文件在网页页面中的显示位置信息。网页图片子文件在浏览器页面中的位置信息可以根据移动终端的显示屏幕的尺寸和显示屏幕每英寸像素密度得到，或者可以根据显示屏幕的横 轴坐标点的位置确定。
S102，根据位置信息在浏览器页面中确定预设的显示区域。
作为一种可选的实施方式，获取到的网页图片子文件的位置信息。具体地，可以为根据移动终端的显示屏幕的尺寸和显示屏幕每英寸像素密度得到具体的网页图片子文件的位置信息。可选地，可以根据显示屏幕的横轴坐标点的位置确定网页图片子文件的位置信息。在这种情况下，可以根据移动终端的显示屏幕的尺寸和显示屏幕每英寸像素密度、或显示屏幕的横轴坐标点的位置，再结合网页图片子文件的位置信息，在移动浏览器页面确定预设的显示区域。预设的显示区域可与网页图片子文件的显示区域一致，从而可将网页图片入口标识显示在网页图片子文件上方，便于用户查找和选择该网页图片入口标识。
作为一种可选的实施方式，若网页图片数据包括多个网页图片子文件，则多个网页图片子文件的位置信息相同。根据网页图片子文件在浏览器页面中的位置信息在浏览器页面中确定预设的显示区域具体可以包括：获取多个网页图片子文件的节点，其中，多个网页图片子文件的节点互为兄弟节点；将网页图片入口标识的节点设为多个网页图片子文件的节点的兄弟节点；以及根据网页图片子文件的位置信息确定预设的显示区域。具体的，将网页入口标识的节点设为与网页图片子文件的节点互为兄弟节点，即将网页入口标识的节点添加到网页图片子文件对应的父节点之下。从而，网页入口标识的位置信息与网页图片子文件的位置信息保持一致。其中，位于同一层且连接在同一父节点上的节点互为兄弟节点，本发明实施例中，套图图片在同一个父节点之下，各个网页图片子文件的节点属于同一层的节点，且在同一个父节点之下，则各个网页图片子文件的节点互为兄弟节点。网页入口标识的位置信息与网页图片子文件的位置信息保持一致，便于用户在查阅网页页面中的网页图片时，在网页页面显示的网页图片上方点选网页图片入口标识，以进入网页图片的查阅模式，无需在网页页面中网页图片显示区域以外的其他区域寻找入口标识。
S103，在预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片 入口标识。
作为一种可选的实施方式，在预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识。网页图片入口标识包括但不局限于：预设的图片或预设的按钮。预设的图片例如：预设的缩略图、预设的图案等。预设的按钮例如预设的方形按钮、预设的圆点按钮等。
作为一种可选的实施方式，如图2a所示，为本发明实施例提供的网页图片入口标识的示意图，区域201为网页图片子文件的显示区域，202为网页入口标识，则网页入口标识202可以在区域201上方任一位置创建，例如在区域201的左上角、右上角、左下角或右下角等。
作为一种可选的实施方式，在浏览器页面中创建浏览器全屏显示窗口，将网页图片入口标识与浏览器全屏显示窗口进行关联，从而当接收到对所述网页图片入口标识的触控指令时，可在浏览器页面中显示与网页图片入口标识关联的浏览器全屏显示窗口。
本发明实施例中，可将预设的图片或预设的按钮转换为二进制数据，并赋值给事件触发函数，从而当接收到用户对该图片入口标识的触控时，可以触发执行对应的事件。本发明实施例中，触发执行对应的事件可以为触发打开浏览器全屏显示窗口。浏览器全屏显示窗口预先与图片入口标识进行关联，具体的，可以是图片入口标识的触控事件与开启浏览器全屏显示窗口的事件进行关联。
作为一种可选的实施方式，在浏览器页面创建浏览器全屏显示窗口。浏览器全屏显示窗口为浏览器本地创建的显示窗口，其可以在移动终端浏览器客户端应用程序侧实现，而不是现有技术中网页提供商根据需求设计且基于JS脚本实现。与浏览器本地自带的例如收藏夹、标签等元素类似，浏览器全屏显示窗口也为浏览器本地自带的元素。可选的，浏览器全屏显示窗口可以为在当前移动终端的浏览器页面上的浮动窗口。
作为一种可选的实施方式，将网页图片入口标识与获取到的浏览器页面中的网页图片数据进行关联。具体的，可将图片入口标识的触控事件与获取到的浏览器页面中的网页图片数据进行关联。此外，如前所述，网页图片入 口标识与浏览器全屏显示窗口进行了关联。因此，可在浏览器全屏显示窗口显示网页图片数据。
S104，接收对所述网页图片入口标识的触控指令。
S105，在浏览器页面中显示浏览器全屏显示窗口，并在浏览器全屏显示窗口显示获取到的至少一个网页图片子文件。
作为一种可选的实施方式，移动终端接收对网页图片入口标识的触控指令。在浏览器页面上显示浏览器全屏显示窗口，并在浏览器全屏显示窗口显示获取到的至少一个网页图片子文件。具体的，用户用手或触屏笔触控在如手机的浏览器页面上的网页图片入口标识，图片入口标识显示在网页页面中的网页图片的上方，便于用户查找并触控。移动终端接收到用户对网页图片入口标识的触控指令。如之前所述的，网页图片入口标识已与浏览器全屏显示窗口进行关联。在这种情况下，当接收到用户对网页图片入口标识的触控指令时，在浏览器页面上显示浏览器全屏显示窗口。
作为一种可选的实施方式，如果网页图片入口标识已与网页图片数据进行关联，则可在浏览器全屏显示窗口中预设的第一显示区域上显示获取到的当前移动终端的浏览器页面中的网页图片子文件，在浏览器全屏显示窗口中预设的第二显示区域上显示网页图片子文件的缩略图以及网页图片子文件的相邻网页图片子文件的缩略图，其中预设的第一显示区域大于预设的第二显示区域。从而用户可在浏览器全屏显示窗口查阅网页图片子文件，还可以直接在浏览器全屏显示窗口进行查阅上一张或下一张网页图片子文件，无需再打开新的网页以查阅上一张或下一张网页图片子文件。
作为一种可选的实施方式，图2b为本发明实施例提供的浏览器全屏显示窗口的示意图。如图2b所示，在区域203显示网页图片子文件：图片1；在区域204显示网页图片子文件1的缩略图以及与网页图片子文件1相邻的网页图片子文件的缩略图：图片1的缩略图、图片2的缩略图以及图片3的缩略图。
本发明实施例提供一种网页图片的显示方法，可获取当前移动终端的浏览器页面中的网页图片数据，其中，网页图片数据包括：至少一个网页图片 子文件和网页图片子文件在浏览器页面中的位置信息。从而，根据网页图片子文件的位置信息在浏览器页面确定预设的显示区域。在该预设的显示区域中创建用于启动浏览器全屏显示窗口的网页图片入口标识。从而，当接收到对网页图片入口标识的触控指令时，在浏览器页面上显示浏览器全屏显示窗口，并在浏览器全屏显示窗口中显示获取到的至少一个网页图片子文件。实现了在移动终端浏览器客户端应用程序侧进行网页图片的显示，用户可在浏览器全屏显示窗口查阅页图片，提高了移动终端的智能性。
下面将结合附图3，对本发明实施例提供的网页图片的显示装置进行详细介绍。需要说明的是，附图3所示的网页图片的显示装置，用于执行本发明图1所示实施例的方法，为了便于说明，仅示出了与本发明实施例相关的部分，具体技术细节未揭示的，请参照本发明图1所示的实施例。
请参见图3，为本发明实施例提供的一种网页图片的显示装置的结构示意图；该装置可包括：获取模块301、确定模块302、创建模块303、接收模块304和显示模块305。获取模块301与确定模块302连接，确定模块302与创建模块303连接，创建模块303与接收模块304连接，以及显示模块305分别与获取模块301、创建模块303和接收模块304连接。
获取模块301，用于获取当前移动终端的浏览器页面中的网页图片数据，所述网页图片数据包括：至少一个网页图片子文件和所述网页图片子文件在所述浏览器页面中的位置信息。
作为一种可选的实施方式，获取模块301获取当前移动终端的浏览器页面中的网页图片数据，其中，网页图片数据包括：至少一个网页图片子文件和网页图片子文件的位置信息。具体的，获取模块301根据当前浏览器页面中的网页图片子文件获取网页图片数据的DOM节点。若DOM节点有父节点，则确定该网页图片子文件为套图关系，则遍历DOM树获取该DOM节点的兄弟节点对应的网页图片子文件。其中，套图例如新闻、游记、写真等中是成套出现的网页图片，套图包括多个相关网页图片。获取到至少一个网页图片子文件后，获取网页图片子文件在浏览器页面中的位置信息。网页图片子文 件的位置信息为网页图片子文件在网页页面中的显示位置信息。网页图片子文件在浏览器页面中的位置信息可以根据移动终端的显示屏幕的尺寸和显示屏幕每英寸像素密度得到，或者可以根据显示屏幕的横轴坐标点的位置确定。
确定模块302，用于根据所述位置信息在浏览器页面中确定预设的显示区域。
作为一种可选的实施方式，获取模块301获取到的网页图片子文件的位置信息。具体地，获取模块301可以根据移动终端的显示屏幕的尺寸和显示屏幕每英寸像素密度得到具体的网页图片子文件的位置信息。可选地，获取模块301可以根据显示屏幕的横轴坐标点的位置确定网页图片子文件的位置信息。在这种情况下，可以根据移动终端的显示屏幕的尺寸和显示屏幕每英寸像素密度、或显示屏幕的横轴坐标点的位置，再结合网页图片子文件的位置信息，在移动浏览器页面确定预设的显示区域。
进一步可选的，若网页图片数据包括多个网页图片子文件，则多个网页图片子文件的位置信息相同。可以将网页图片入口标识的节点设为与网页图片子文件的节点互为兄弟节点，从而根据网页图片子文件在浏览器页面中的位置信息可以确定预设的显示区域。预设的显示区域可与网页图片子文件的显示区域一致，从而可将网页图片入口标识显示在网页图片子文件上方，便于用户查找和选择该网页图片入口标识。其中，位于同一层且连接在同一父节点上的节点互为兄弟节点。本发明实施例中，套图图片在同一个父节点之下，各个网页图片子文件的节点属于同一层的节点，且在同一个父节点之下，则各个网页图片子文件的节点互为兄弟节点。
创建模块303，用于在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识。
作为一种可选的实施方式，在预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识。其中，网页图片入口标识包括但不局限于：预设的图片或预设的按钮。预设的图片例如：预设的缩略图、预设的图案等。预设的按钮例如预设的方形按钮、预设的圆点按钮等。
作为一种可选的实施方式，如图2a所示，为本发明实施例提供的网页图 片入口标识的示意图，区域201为网页图片子文件的显示区域，202为网页入口标识，则网页入口标识202可以在区域201上方任一位置创建，例如在区域201的左上角、右上角、左下角或右下角等。
作为一种可选的实施方式，在浏览器页面创建浏览器全屏显示窗口，浏览器全屏显示窗口为浏览器本地创建的显示窗口，为在移动终端浏览器客户端应用程序侧实现，而不是现有技术中网页提供商根据需求设计且基于JS脚本实现。在浏览器本地自带的例如收藏夹、标签等元素，浏览器全屏显示窗口也为浏览器本地自带的元素。可选的，浏览器全屏显示窗口可以为在当前移动终端的浏览器页面上的浮动窗口。
接收模块304，用于接收对网页图片入口标识的触控指令。
显示模块305，在所述浏览器页面上显示所述浏览器全屏显示窗口，并在所述浏览器全屏显示窗口显示所述获取到的至少一个网页图片子文件。
作为一种可选的实施方式，移动终端接收对网页图片入口标识的触控指令。在浏览器页面上显示浏览器全屏显示窗口，并在浏览器全屏显示窗口显示获取到的至少一个网页图片子文件。具体的，用户用手或触屏笔触控在如手机的浏览器页面上的网页图片入口标识，图片入口标识显示在网页页面中的网页图片的上方，便于用户查找并触控。移动终端接收到用户对网页图片入口标识的触控指令。如之前所述的，网页图片入口标识已与浏览器全屏显示窗口进行关联。在这种情况下，当接收到用户对网页图片入口标识的触控指令时，在浏览器页面上显示浏览器全屏显示窗口。
作为一种可选的实施方式，如果网页图片入口标识已与网页图片数据进行关联，则可在浏览器全屏显示窗口中预设的第一显示区域上显示获取到的当前移动终端的浏览器页面中的网页图片子文件，在浏览器全屏显示窗口中预设的第二显示区域上显示网页图片子文件的缩略图以及网页图片子文件的相邻网页图片子文件的缩略图，其中预设的第一显示区域大于预设的第二显示区域。从而用户可在浏览器全屏显示窗口查阅网页图片子文件，还可以直接在浏览器全屏显示窗口进行查阅上一张或下一张网页图片子文件，无需再打开新的网页以查阅上一张或下一张网页图片子文件。
作为一种可选的实施方式，图2b为本发明实施例提供的浏览器全屏显示窗口的示意图。如图2b所示，在区域203显示网页图片子文件：图片1；在区域204显示网页图片子文件1的缩略图以及与网页图片子文件1相邻的网页图片子文件的缩略图：图片1的缩略图、图片2的缩略图以及图片3的缩略图。
本发明实施例中提供一种网页图片的显示装置，该显示装置可以应用于移动终端。获取模块可获取该移动终端的浏览器页面中的网页图片数据，其中，网页图片数据包括：至少一个网页图片子文件和网页图片子文件在浏览器页面中的位置信息。从而，确定模块根据网页图片子文件的位置信息在浏览器页面确定预设的显示区域。创建模块在预设的显示区域中创建用于启动浏览器全屏显示窗口的网页图片入口标识。从而当接收到对网页图片入口标识的触控指令时，显示模块在浏览器页面上显示浏览器全屏显示窗口，并在浏览器全屏显示窗口中显示获取到的至少一个网页图片子文件。实现了在移动终端浏览器客户端应用程序侧进行网页图片的显示，用户可在浏览器全屏显示窗口查阅页图片，提高了移动终端的智能性。
下面将结合附图4至图5，分别对图3所示的确定模块和创建模块的结构和功能进行详细介绍。
请参见图4，为本发明实施例提供的确定模块的结构示意图；该确定模块302可包括：节点获取单元3021、设置单元3022和显示区域确定单元3023。
节点获取单元3021，用于获取多个网页图片子文件的节点，其中，多个网页图片子文件的节点互为兄弟节点。
设置单元3022，用于将网页图片入口标识的节点设为所述多个网页图片子文件的节点的兄弟节点。
显示区域确定单元3023，用于根据所述网页图片子文件的位置信息确定预设的显示区域。
作为一种可选的实施方式，若网页图片数据包括多个网页图片子文件，则多个网页图片子文件的位置信息相同。节点获取单元3021获取多个网页图 片子文件的节点，多个网页图片子文件的节点互为兄弟节点。设置单元3022将网页图片入口标识的节点设为多个网页图片子文件的节点的兄弟节点。显示区域确定单元3023根据网页图片子文件的位置信息确定预设的显示区域。
具体的，将网页入口标识的节点设为与网页图片子文件的节点互为兄弟节点，即将网页入口标识的节点添加到网页图片子文件对应的父节点之下。通过这种方式，网页入口标识的位置信息可以与网页图片子文件的位置信息保持一致。网页入口标识的位置信息与网页图片子文件的位置信息保持一致，便于用户在查阅网页页面中的网页图片时，在网页页面显示的网页图片上方点选网页图片入口标识，以进入网页图片的查阅模式，无需在网页页面中网页图片显示区域以外的其他区域寻找入口标识。
需要说明的是，附图4所示的确定模块的结构和功能可通过本发明图1所示实施例的方法具体实现，该具体实现过程可参见图1所示实施例的相关描述，在此不赘述。
请参见图5，为本发明实施例提供的创建模块的结构示意图；该创建模块303可包括：第一关联单元3031、窗口创建单元3032和第二关联单元3033。
第一关联单元3031，用于将所述网页图片入口标识与所述获取到的浏览器页面中的网页图片数据进行关联。
作为一种可选的实施方式，在浏览器页面上创建浏览器全屏显示窗口，将网页图片入口标识与浏览器全屏显示窗口进行关联。从而，当接收到对所述网页图片入口标识的触控指令时，可在浏览器页面显示与网页图片入口标识关联的浏览器全屏显示窗口。
本发明实施例中，可将预设的图片或预设的按钮转换为二进制数据，并赋值给事件触发函数。从而当接收到用户对该图片入口标识的触控时，可以触发执行对应的事件。本发明实施例中，触发执行对应的事件可以为触发打开浏览器全屏显示窗口。浏览器全屏显示窗口预先与图片入口标识进行关联可以包括：图片入口标识的触控事件与开启浏览器全屏显示窗口的事件进行关联。
窗口创建单元3032，用于在浏览器页面上创建所述浏览器全屏显示窗口。
作为一种可选的实施方式，在浏览器页面上创建浏览器全屏显示窗口，浏览器全屏显示窗口为浏览器本地创建的显示窗口。该浏览器全屏显示窗口在移动终端浏览器客户端应用程序侧实现，而不是如现有技术中由网页提供商根据需求设计且基于JS脚本实现。浏览器本地自带例如收藏夹、标签等的元素，而浏览器全屏显示窗口也作为浏览器本地自带的元素。可选的，浏览器全屏显示窗口可以为在当前浏览器页面上的浮动窗口。
第二关联单元3033，用于将所述网页图片入口标识与所述浏览器全屏显示窗口进行关联。
作为一种可选的实施方式，将网页图片入口标识与获取到的浏览器页面中的网页图片数据进行关联，具体的，可将图片入口标识的触控事件与获取到的浏览器页面中的网页图片数据进行关联。而如上所述的，网页图片入口标识与浏览器全屏显示窗口进行了关联，从而可在浏览器全屏显示窗口显示网页图片数据。
需要说明的是，附图5所示的创建模块的结构和功能可通过本发明图1所示实施例的方法具体实现，该具体实现过程可参见图1所示实施例的相关描述，在此不赘述。
本发明实施例还公开了一种移动终端，包括显示屏幕和移动终端浏览器，显示屏幕用于显示数据，例如显示浏览器页面和浏览器全屏显示窗口等，移动终端浏览器如图3-图5所示的装置；该装置的结构和功能可参见图3-图5所示实施例的相关描述，在此不赘述。需要说明的是，本实施例的终端可应用于上述方法中。
通过上述实施例的描述，本发明实施例提供一种网页图片的显示方法及装置，可获取当前移动终端的浏览器页面中的网页图片数据，其中，网页图片数据包括：至少一个网页图片子文件和网页图片子文件在所述浏览器页面中的位置信息；进而根据位置信息在浏览器页面中确定预设的显示区域；在预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识；接 收对网页图片入口标识的触控指令；在浏览器页面中显示浏览器全屏显示窗口，并在浏览器全屏显示窗口中显示获取到的至少一个网页图片子文件。实现了在移动终端浏览器客户端应用程序侧进行网页图片的显示，用户可在浏览器全屏显示窗口查阅页图片，提高了移动终端的智能性。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random Access Memory，RAM)等。
以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。

Claims (15)

  1. 一种网页图片的显示方法，其特征在于，应用于移动终端，所述方法包括：
    获取所述移动终端的浏览器页面中的网页图片数据，所述网页图片数据包括：至少一个网页图片子文件和所述网页图片子文件在所述浏览器页面中的位置信息；
    根据所述位置信息在所述浏览器页面中确定预设的显示区域；
    在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识；
    接收对所述网页图片入口标识的触控指令；以及
    在所述浏览器页面中显示所述浏览器全屏显示窗口，并在所述浏览器全屏显示窗口中显示所述获取到的至少一个网页图片子文件。
  2. 如权利要求1所述的方法，其特征在于，如果所述网页图片数据包括多个网页图片子文件，则所述多个网页图片子文件的位置信息相同；
    所述根据所述位置信息在所述浏览器页面上确定预设的显示区域，包括：
    获取所述多个网页图片子文件的节点，其中，所述多个网页图片子文件的节点互为兄弟节点；
    将所述网页图片入口标识的节点设为所述多个网页图片子文件的节点的兄弟节点，以及
    根据所述网页图片子文件的位置信息确定预设的显示区域。
  3. 如权利要求1所述的方法，其特征在于，所述在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识，包括：
    将所述网页图片入口标识与所述获取到的浏览器页面中的网页图片数据进行关联。
  4. 如权利要求1所述的方法，其特征在于，所述在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识，包括：
    在所述浏览器页面中创建所述浏览器全屏显示窗口；
    将所述网页图片入口标识与所述浏览器全屏显示窗口进行关联；以及
    所述在所述浏览器页面中显示所述浏览器全屏显示窗口，进一步包括：
    在所述浏览器页面中显示与所述网页图片入口标识关联的所述浏览器全屏显示窗口。
  5. 如权利要求1～4中任一项所述的方法，其特征在于，所述网页图片入口标识包括：预设的图片或预设的按钮。
  6. 一种网页图片的显示装置，其特征在于，应用于移动终端，所述装置包括：
    获取模块，用于获取所述移动终端的浏览器页面中的网页图片数据，所述网页图片数据包括：至少一个网页图片子文件和所述网页图片子文件在所述浏览器页面中的位置信息；
    确定模块，用于根据所述位置信息在浏览器页面中确定预设的显示区域；
    创建模块，用于在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识；
    接收模块，用于接收对所述网页图片入口标识的触控指令；以及
    显示模块，用于在所述浏览器页面中显示所述浏览器全屏显示窗口，并在所述浏览器全屏显示窗口中显示所述获取到的至少一个网页图片子文件。
  7. 如权利要求6所述的装置，其特征在于，若所述网页图片数据包括多个网页图片子文件，则所述多个网页图片子文件的位置信息相同；
    所述确定模块包括：
    节点获取单元，用于获取所述多个网页图片子文件的节点，其中，所述多个网页图片子文件的节点互为兄弟节点；
    设置单元，用于将所述网页图片入口标识的节点设为所述多个网页图片子文件的节点的兄弟节点，以及
    显示区域确定单元，用于根据所述网页图片子文件的位置信息确定预设的显示区域。
  8. 如权利要求6所述的装置，其特征在于，所述创建模块包括：
    第一关联单元，用于将所述网页图片入口标识与所述获取到的浏览器页面中的网页图片数据进行关联。
  9. 如权利要求6所述的装置，其特征在于，所述创建模块包括：
    窗口创建单元，用于在浏览器页面中创建所述浏览器全屏显示窗口；
    第二关联单元，用于将所述网页图片入口标识与所述浏览器全屏显示窗口进行关联；以及
    所述显示模块具体用于：在所述浏览器页面中显示与所述网页图片入口标识关联的所述浏览器全屏显示窗口。
  10. 如权利要求6～9中任一项所述的装置，其特征在于，所述网页图片入口标识包括：预设的图片或预设的按钮。
  11. 一种计算机可读介质，用于存储一个或多个计算机程序，其中，所述计算机程序包括具有一个或多个存储器的计算机系统可运行的指令；该指令使计算机系统执行：
    获取所述移动终端的浏览器页面中的网页图片数据，所述网页图片数据包括：至少一个网页图片子文件和所述网页图片子文件在所述浏览器页面中的位置信息；
    根据所述位置信息在所述浏览器页面中确定预设的显示区域；
    在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识；
    接收对所述网页图片入口标识的触控指令；以及
    在所述浏览器页面中显示所述浏览器全屏显示窗口，并在所述浏览器全屏显示窗口中显示所述获取到的至少一个网页图片子文件。
  12. 如权利要求11所述的计算机可读介质，其特征在于，如果所述网页图片数据包括多个网页图片子文件，则所述多个网页图片子文件的位置信息相同；
    所述根据所述位置信息在所述浏览器页面上确定预设的显示区域，包括：
    获取所述多个网页图片子文件的节点，其中，所述多个网页图片子文件的节点互为兄弟节点；
    将所述网页图片入口标识的节点设为所述多个网页图片子文件的节点的兄弟节点，以及
    根据所述网页图片子文件的位置信息确定预设的显示区域。
  13. 如权利要求11所述的计算机可读介质，其特征在于，所述在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识，包括：
    将所述网页图片入口标识与所述获取到的浏览器页面中的网页图片数据进行关联。
  14. 如权利要求11所述的计算机可读介质，其特征在于，所述在所述预设的显示区域创建用于启动浏览器全屏显示窗口的网页图片入口标识，包括：
    在所述浏览器页面中创建所述浏览器全屏显示窗口；
    将所述网页图片入口标识与所述浏览器全屏显示窗口进行关联；以及
    所述在所述浏览器页面中显示所述浏览器全屏显示窗口，进一步包括：
    在所述浏览器页面中显示与所述网页图片入口标识关联的所述浏览器全屏显示窗口。
  15. 如权利要求11～14中任一项所述的计算机可读介质，其特征在于， 所述网页图片入口标识包括：预设的图片或预设的按钮。
PCT/CN2014/088363 2013-10-30 2014-10-11 一种网页图片的显示方法及装置 WO2015062402A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201310530141.X 2013-10-30
CN201310530141.XA CN104598467B (zh) 2013-10-30 2013-10-30 一种网页图片的显示方法及装置

Publications (1)

Publication Number Publication Date
WO2015062402A1 true WO2015062402A1 (zh) 2015-05-07

Family

ID=53003308

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2014/088363 WO2015062402A1 (zh) 2013-10-30 2014-10-11 一种网页图片的显示方法及装置

Country Status (2)

Country Link
CN (1) CN104598467B (zh)
WO (1) WO2015062402A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111222065A (zh) * 2019-12-30 2020-06-02 瑞庭网络技术（上海）有限公司 一种信息展示方法、装置、电子设备及介质

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106570032B (zh) * 2015-10-13 2020-06-09 阿里巴巴集团控股有限公司 一种控制网页页面的方法及装置
CN105897902B (zh) * 2016-05-05 2018-10-19 北京思特奇信息技术股份有限公司 一种通过浏览器启动本地应用的方法及系统
CN109597669A (zh) * 2018-11-20 2019-04-09 湖南快乐阳光互动娱乐传媒有限公司 适应不同尺寸屏幕的开机图片全屏展示方法及系统
JP7010268B2 (ja) * 2019-04-19 2022-01-26 オムロン株式会社 通信監視システムおよび通信監視方法

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101331446A (zh) * 2005-09-23 2008-12-24 谷歌公司 在移动设备上显示信息
CN101695198A (zh) * 2009-11-02 2010-04-14 中国电信股份有限公司 实现无线应用通讯协议页面图片优化的方法和系统
CN102368243A (zh) * 2011-09-08 2012-03-07 广州市动景计算机科技有限公司 用于在无图浏览模式下查看图片的方法、装置及移动终端

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101697156B (zh) * 2009-10-29 2016-01-06 孟智平 一种构造链式网页的方法及系统
CN103092833A (zh) * 2011-10-27 2013-05-08 腾讯科技（深圳）有限公司 一种在手机浏览器中查看图片的方法、装置及移动设备
CN102819560B (zh) * 2012-06-29 2018-09-04 北京奇虎科技有限公司 一种网页中图片的显示方法和装置
CN102999342B (zh) * 2012-11-28 2016-08-24 北京奇虎科技有限公司 一种网页中图片的全屏浏览方法及其装置
CN102999341B (zh) * 2012-11-28 2016-05-18 北京奇虎科技有限公司 用于网页的图片全屏浏览方法和装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101331446A (zh) * 2005-09-23 2008-12-24 谷歌公司 在移动设备上显示信息
CN101695198A (zh) * 2009-11-02 2010-04-14 中国电信股份有限公司 实现无线应用通讯协议页面图片优化的方法和系统
CN102368243A (zh) * 2011-09-08 2012-03-07 广州市动景计算机科技有限公司 用于在无图浏览模式下查看图片的方法、装置及移动终端

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111222065A (zh) * 2019-12-30 2020-06-02 瑞庭网络技术（上海）有限公司 一种信息展示方法、装置、电子设备及介质
CN111222065B (zh) * 2019-12-30 2024-02-02 瑞庭网络技术（上海）有限公司 一种信息展示方法、装置、电子设备及介质

Also Published As

Publication number Publication date
CN104598467B (zh) 2020-03-20
CN104598467A (zh) 2015-05-06

Similar Documents

Publication Publication Date Title
US9977768B2 (en) System for clipping webpages by traversing a dom, and highlighting a minimum number of words
US10275433B2 (en) Remote browsing and searching
US9971749B2 (en) Editor for website and website menu
US20200073903A1 (en) Method and device of tagging links included in a screenshot of webpage
US9495339B2 (en) Method and apparatus for displaying information in a browser
US8261209B2 (en) Updating content display based on cursor position
US11262884B1 (en) Managing application windows of applications from different servers within a same browser window on a user device
US10515142B2 (en) Method and apparatus for extracting webpage information
US20140344658A1 (en) Enhanced links in curation and collaboration applications
WO2023016264A1 (zh) 一种页面生成方法及装置
WO2015062402A1 (zh) 一种网页图片的显示方法及装置
US10346523B1 (en) Content synchronization across devices
US20140075290A1 (en) Window switching method and apparatus
US9336321B1 (en) Remote browsing and searching
WO2015078222A1 (zh) 一种用于提供搜索结果的方法与设备
US10353988B2 (en) Electronic device and method for displaying webpage using the same
CN102117290A (zh) 一种展现网页中页面元素的方法及系统
US9448985B2 (en) Browser application and a method of operating the browser application
WO2017016101A1 (zh) 搜索结果的展现方法、装置和搜索引擎
CN104598468A (zh) 一种网页图片的显示方法及装置
US10652105B2 (en) Display apparatus and controlling method thereof
WO2024156241A1 (zh) 一种文档的显示控制方法、装置、电子设备、存储介质以及程序产品
US20160203114A1 (en) Control of Access and Management of Browser Annotations
WO2016061257A1 (en) Identifying, marking up and reconstituting elements for content sharing
WO2016138394A1 (en) Methods and systems for cross-device webpage replication

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 14858692

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 07.10.2016)

122 Ep: pct application non-entry in european phase

Ref document number: 14858692

Country of ref document: EP

Kind code of ref document: A1