WO2017101501A1 - 网页页面显示方法及装置 - Google Patents

网页页面显示方法及装置 Download PDF

Info

Publication number
WO2017101501A1
WO2017101501A1 PCT/CN2016/096914 CN2016096914W WO2017101501A1 WO 2017101501 A1 WO2017101501 A1 WO 2017101501A1 CN 2016096914 W CN2016096914 W CN 2016096914W WO 2017101501 A1 WO2017101501 A1 WO 2017101501A1
Authority
WO
WIPO (PCT)
Prior art keywords
area
display interface
webpage
page
upper boundary
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.)
Ceased
Application number
PCT/CN2016/096914
Other languages
English (en)
French (fr)
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.)
Le Holdings Beijing Co Ltd
LeTV Information Technology Beijing Co Ltd
Original Assignee
Le Holdings Beijing Co Ltd
LeTV Information Technology Beijing 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 Le Holdings Beijing Co Ltd, LeTV Information Technology Beijing Co Ltd filed Critical Le Holdings Beijing Co Ltd
Publication of WO2017101501A1 publication Critical patent/WO2017101501A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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 embodiments of the present invention relate to the field of computer technologies, and in particular, to a webpage page display method and apparatus.
  • the web page is mainly applied to the technical fields such as the network and the Internet, and is used for displaying the web content, and the webpage content can be displayed through the display interface of the client such as a browser. Since the length of the webpage page is usually longer than the length of the display interface, the webpage may also move the webpage page in the display interface when the display interface is displayed. For example, the webpage may be moved by scrolling or dragging and displaying the navigation bar of the page. .
  • the webpage page includes a first area and a second area distributed on both sides for displaying different webpage contents, and thus the lengths of the first area and the second area may not be the same.
  • the webpage page moves to the upper boundary of the display interface, if any of the first area and the second area, assuming that the content of the webpage in the first area is small, in order to display the webpage content of the second area, the first area has A large amount of blank content reduces the effective content displayed on the display interface and affects the display effect of the display interface.
  • the embodiment of the invention provides a method and a device for displaying a web page, which are used to solve the technical problem that the effective content displayed on the display interface is reduced and the display effect of the display interface is affected.
  • the embodiment of the invention further provides a web page display electronic device, a non-transitory computer storage medium and a computer program product.
  • An embodiment of the invention provides a method for displaying a web page, the method comprising:
  • the webpage page includes at least a first area and a second area distributed on both sides for displaying different webpage content; the length of the display interface is smaller than the length of the webpage page;
  • the first area is terminated until the lower boundary of the first area is at the same horizontal line as the lower boundary of the second area.
  • the embodiment of the invention provides a webpage page display device, and the device includes:
  • a page output module which outputs a webpage page on the display interface, wherein the webpage page includes at least a first area and a second area distributed on both sides for displaying different webpage content; the length of the display interface is smaller than the length of the webpage page ;
  • a page moving module configured to receive a page up movement request, and move the webpage page to an upper boundary direction of the display interface according to the page up movement request to display the first area and the second area a webpage content that is not displayed; in a process of moving the webpage page to an upper boundary direction of the display interface, if an upper boundary of the first area reaches an upper boundary of the display interface and a webpage content of the first area
  • the first area is terminated until the lower boundary of the first area is located at a lower boundary of the second area. The same horizontal line.
  • the embodiment of the present invention further provides a non-transitory computer storage medium, where computer executable instructions are stored, and the computer executable instructions are used to execute the display page of any one of the above web pages of the present application. law.
  • An embodiment of the present invention provides a web page display electronic device, including: at least one processor;
  • the memory stores instructions executable by the one processor, the instructions being executed by the at least one processor to enable the at least one processor to:
  • the webpage page includes at least a first area and a second area distributed on both sides for displaying different webpage content; the length of the display interface is smaller than the length of the webpage page;
  • the first area is terminated until the lower boundary of the first area is at the same horizontal line as the lower boundary of the second area.
  • the embodiment of the present application further provides a computer program product, the computer program product comprising a computing program stored on a non-transitory computer readable storage medium, the computer program comprising program instructions, when the program instructions are executed by a computer
  • the computer is caused to perform the above-described webpage page display method of the present application.
  • the method and device for displaying a web page when the web page is output to the display interface and moved to the upper boundary of the display interface, if the upper boundary of the first region reaches the upper boundary of the display interface
  • the first area is terminated until the lower boundary of the first area and the lower boundary of the second area are in the same horizontal line, thereby ensuring display A large amount of blank content does not appear in the interface, so that the display interface displays valid content, which improves the display and display effect of the display interface.
  • FIG. 1 is a schematic diagram showing a display of a webpage of the present invention
  • FIG. 2 is a schematic diagram showing a display of a webpage in the prior art
  • FIG. 3 is a flow chart of an embodiment of a method for displaying a web page according to the present invention.
  • 4a to 4j are schematic diagrams showing the display of a web page of the present invention.
  • FIG. 5 is a flowchart of an embodiment of a webpage page display apparatus according to the present invention.
  • FIG. 6 is a schematic diagram of connection of an embodiment of a web page display electronic device according to the present invention.
  • the webpage page in the embodiment of the present invention includes at least a first area and a second area distributed on both sides for displaying different webpage content; the length of the first area may be different according to the number of webpage content displayed by the webpage.
  • the length of the second area may be a fixed length or may be different according to the number of webpage content displayed by the webpage; in addition, the length of the display interface is smaller than the length of the webpage page.
  • the webpage page may refer to a webpage playing page, for example, a webpage playing.
  • the page is usually composed of a play area, a comment area, a content promotion area, a text end area, and the like, wherein the comment area and the content promotion area layout are distributed on both sides of the webpage page, as shown in FIG.
  • a schematic diagram of the structure, the web page 100 includes at least a first area 101, that is, a comment area; a second area 102, that is, a content promotion area; a play area 103 and a text end area 104, and the like.
  • the first region 101 and the second region 102 are distributed on both sides.
  • the web page 100 is outputted to the display interface 200 , as shown in FIG. 2 , which is a schematic diagram of a display interface after the web page is moved in the prior art, and the web content of the first area 101 is less.
  • a large amount of blank content appears on the side of the first area 101 of the web page in the display interface, as shown by the dashed box in FIG. 2, which affects the display effect of the display interface.
  • the inventor has proposed a technical solution of the present invention through a series of studies.
  • the webpage page is output on the display interface, and according to the When the page moves up the request and moves to the upper boundary direction of the display interface, if the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is displayed on the display interface, When the content of the webpage of the second area is not displayed on the display interface, the first area is terminated until the lower boundary of the first area is at the same horizontal line as the lower boundary of the second area, thereby ensuring the display interface. There will not be a lot of blank content in the display, so that the display interface displays all the valid content, which improves the display and display effect of the display interface.
  • FIG. 3 is a flowchart of an embodiment of a method for displaying a web page according to an embodiment of the present invention. The method may include the following steps:
  • the webpage page includes at least a first area and a second area distributed on both sides for displaying different webpage content.
  • the length of the first area may vary depending on the number of webpage content it displays.
  • the length of the second area may be a fixed length, or may be different according to the number of webpage content displayed by the webpage; the length of the display interface is smaller than the length of the webpage page, so that the display interface can only display part of the webpage of the webpage page. Content, you need to move the web page to be able to view other web content on the web page.
  • the webpage page can be a webpage playpage in an actual application, as shown in the structure diagram shown in FIG.
  • the webpage page of the present invention may refer to any webpage page having a page structure of a first area and a second area distributed on both sides, and is not limited to the webpage playing page.
  • the webpage page may be moved.
  • the page up movement request may specifically be triggered by a user, for example, the user triggers by operating a mouse or operating a navigation bar of the display interface.
  • the web content of the first area can be displayed on the display interface, that is, the web content of the first area
  • the first area will not continue to move, and the web content of the second area is not displayed on the display interface, that is, when there is no webpage content displayed on the display interface.
  • the second area can continue to move until the lower boundary of the first area is at the same horizontal line as the lower boundary of the second area. At this time, the content of the webpage of the first area and the second area in the interface can be displayed without a large amount of Blank content.
  • the upper boundary of the first area 101 reaches the upper boundary of the display interface 200, and the webpage of the first area 101 The content is all displayed on the display interface, and the webpage content of the second area 102 is not displayed on the display interface.
  • the first area 101 does not continue to move, and the second area 102 has undisplayed webpage content, and the second area 102 can Moving continues, as shown in Figure 4b, until the lower boundary of the second region 102 is at the same horizontal line as the lower boundary of the first region.
  • a comment input box is usually set in the first area of the webpage play page, that is, the comment area, to receive the user's input content.
  • the webpage further includes a navigation box disposed at the preset location in the first area, for receiving user input content or outputting prompt information.
  • the prompt information may prompt the user whether the first area reaches the upper boundary or the like.
  • the preset position of the navigation frame may refer to a preset area in the first area that is close to the upper boundary.
  • the navigation frame moves along with the movement of the first area, and if the navigation frame reaches the upper boundary of the webpage, the mobile station is terminated.
  • the navigation box During the movement of the webpage page to the upper boundary direction of the display interface, the navigation frame moves along with the movement of the first area, and if the navigation frame reaches the upper boundary of the webpage, the mobile station is terminated.
  • the navigation box During the movement of the webpage page to the upper boundary direction of the display interface, the navigation frame moves along with the movement of the first area, and if the navigation frame reaches the upper boundary of the webpage, the mobile station is terminated.
  • the navigation box During the movement of the webpage page to the upper boundary direction of the display interface, the navigation frame moves along with the movement of the first area, and if the navigation frame reaches the upper boundary of the webpage, the mobile station is terminated.
  • the navigation box During the movement of the webpage page to the upper boundary direction of the display interface, the navigation frame moves along with the movement of the first area, and if the navigation frame reaches the
  • the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is in the display interface during the upper boundary movement of the display page.
  • the first region is terminated until the lower boundary of the first region is at the same horizontal line as the lower boundary of the second region, so that the display interface does not have a large amount of blank content, so that the display interface can be displayed. More effective content improves the display effect of the display interface, making the display interface more beautiful.
  • the process of moving the web page to the upper boundary of the display interface may further include: if the upper boundary of the first area reaches the upper boundary of the display interface, and the webpage content of the first area is not all displayed on the display interface, the method may further include:
  • FIG. 4c when the upper boundary of the first area 101 reaches the upper boundary of the display interface 200, the webpage content of the first area 101 is not All of the display interface 200 is displayed. At this time, the first area 101 and the second area 102 can be further moved. When the lower boundary of the first area 101 reaches the lower boundary of the display interface, the first area 101 will no longer move, and the second The area 102 also has web page content that is not displayed on the display interface, and the second area 102 can continue to move, as shown in FIG. 4d until the lower boundary of the first area 101 is at the same horizontal line as the lower boundary of the second area 102.
  • the navigation frame 105 When the first area 101 includes the navigation frame 105, when the navigation frame 105 reaches the upper boundary of the display interface, it no longer moves.
  • the webpage page may include not only the first area and the second area
  • the webpage page further includes a third area
  • the layout is located at a lower boundary of the webpage page, and is located below the first area and the second area
  • the lower boundary of the third area may be the lower boundary of the web page.
  • the ending area 104 is also a third area, and the ending area can be used to display webpage content such as advertisements.
  • the content of the webpage of the third area also needs to be displayed in the display interface. After the first area terminates the movement, the second area and the third area can continue to move.
  • a lower boundary of the first area and a lower boundary of the second area are located after a same horizontal line, and the method further include:
  • the first area will no longer terminate the movement, and the first area, the second area, and the third area may continue. Moving until the lower boundary of the third area reaches the lower boundary of the display interface. At this time, that is, the lower boundary of the webpage page reaches the lower boundary of the display interface, the webpage page cannot move upward.
  • the first region 101 may be associated with the second region 102 and the third region.
  • Region 104 continues to move until the lower boundary of third region 104 reaches the lower boundary of display interface 200.
  • the first region 101 may be combined with the second region 102 and the third region.
  • Region 104 continues to move until the lower boundary of third region 104 reaches the lower boundary of display interface 200.
  • the method may further include:
  • the second area is terminated until the lower boundary of the second area is at the same horizontal line as the lower boundary of the first area.
  • the first region may continue to be moved until the lower boundary of the second region is on the same horizontal line as the lower boundary of the first region.
  • the method further includes:
  • the first area has a webpage content that is not displayed on the display interface, and the second area is terminated, and the first area can be moved until the The lower boundary of the first region is at the same horizontal line as the lower boundary of the second region.
  • the second region 102 when the upper boundary of the second region 102 reaches the upper boundary of the display interface 200, the webpage content of the second region 102 is all displayed on the display interface, and the first region 101 When the webpage content is not all displayed on the display interface, the second region 102 may be terminated until the lower boundary of the second region 102 is at the same horizontal line as the lower boundary of the first region 101.
  • the first area 101 and the second area 102 may continue to be moved, and the lower boundary of the second area 102 reaches the display interface 200.
  • the second area 102 is terminated, and the first area 101 can be moved until the lower boundary of the first area 101 is The lower boundary of the second region 102 is located at the same horizontal line.
  • the navigation box 105 When the navigation box 105 is further included in the first area 101, when the navigation frame 105 reaches the upper boundary of the display interface 200, it does not move.
  • the webpage further includes the third area located below the first area and the second area, the lower area of the first area and the second area are located after the same horizontal line, and the first area, the second may continue to be moved.
  • the region and the third region until a lower boundary of the third region reaches a lower boundary of the display interface.
  • whether the webpage content of the first area can be displayed in the display interface can be determined according to the number of webpage content of the first area, and the number of the webpage content in the first area is less than the first threshold,
  • the webpage content of an area can be displayed in the display interface; and if the webpage content of the first area is greater than the second threshold, the network of the first area can be determined.
  • the page content cannot be displayed on the display interface, and the webpage page needs to be moved to view the webpage content that is not displayed.
  • the second threshold may be equal to the first threshold.
  • the method may include:
  • the first area and the second area are further moved.
  • the moving the first area to the first area is terminated.
  • the lower boundary is at the same horizontal line as the lower boundary of the second region.
  • the webpage page may be moved to the upper boundary direction of the display interface, or may be moved to the lower boundary direction of the display interface.
  • the method may further include:
  • FIG. 5 is a schematic structural diagram of an embodiment of a webpage page display apparatus according to the present invention.
  • the apparatus may include:
  • the page output module 501 is configured to output a webpage page on the display interface, where the webpage page includes at least a first area and a second area distributed on both sides for displaying different webpage content; the length of the display interface is smaller than the webpage page length.
  • a page moving module 502 configured to receive a page up movement request, and move the webpage page to an upper boundary direction of the display interface according to the page up movement request to display the first area and the second a webpage content not displayed in the area; in a process of moving the webpage page to an upper boundary direction of the display interface, if an upper boundary of the first area reaches an upper boundary of the display interface and a webpage of the first area
  • the first region is terminated to be moved until a lower boundary of the first region and a lower boundary of the second region.
  • the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is in the display interface during the upper boundary movement of the display page.
  • the first region is terminated until the lower boundary of the first region is at the same horizontal line as the lower boundary of the second region, so that the display interface does not have a large amount of blank content, so that the display interface can be displayed. More effective content improves the display effect of the display interface, making the display interface more beautiful.
  • the webpage may further include a navigation box disposed at the preset location in the first area, for receiving user input content or outputting prompt information;
  • the page moving module 502 is further configured to stop moving the navigation frame when the navigation frame reaches an upper boundary of the display interface during the moving of the webpage page to an upper boundary direction of the display interface.
  • the page moving module 502 moves the upper boundary of the first area to the upper boundary of the display interface during the moving of the webpage to the upper boundary of the display interface, and the first When the content of the webpage of the area is not displayed in the display interface, it is also used to:
  • the webpage page may include not only the first area and the second area
  • the webpage page further includes a third area, the lower boundary of the webpage page, the upper boundary part of the third area, and the first The lower boundary of the second area, the lower boundary of the third area may be the lower boundary of the web page.
  • the content of the webpage of the third area also needs to be displayed in the display interface. After the first area terminates the movement, the second area and the third area can continue to move.
  • the page moving module 502 terminates moving the first area until the lower boundary of the first area is located at the same horizontal line as the lower boundary of the second area, and is further configured to:
  • the first region, the second region, and the third region continue to be moved until a lower boundary of the third region reaches a lower boundary of the display interface. Thereby the display of the third area is achieved.
  • the first area will no longer terminate the movement, and the first area, the second area, and the third area may continue. Moving until the lower boundary of the third area reaches the lower boundary of the display interface. At this time, that is, the lower boundary of the webpage page reaches the lower boundary of the display interface, the webpage page cannot move upward.
  • whether the webpage content of the first area can be displayed in the display interface can be determined according to the number of webpage content of the first area, and the number of the webpage content in the first area is less than the first threshold, The webpage content of an area can be displayed on the display interface. If the webpage content of the first area is greater than the second threshold, it can be determined that the webpage content of the first area cannot be displayed on the display interface, and the webpage needs to be moved. Can be viewed without showing Web content.
  • the second threshold may be equal to the first threshold.
  • the page moving module 502 terminates when the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is displayed on the display interface.
  • Moving the first region until the lower boundary of the first region is at the same horizontal line as the lower boundary of the second region may be specifically:
  • the upper boundary of the first area reaches the upper boundary of the display interface and the webpage content of the first area is not all displayed on the display interface, continuing to move the first area and the second area may specifically is:
  • the first area and the second area are further moved.
  • the page moving module 502 is further configured to: when the webpage is moved to an upper boundary direction of the display interface, if an upper boundary of the second area reaches the display interface Ending the movement of the second area to the second area when the webpage content of the second area is displayed on the display interface and the webpage content of the first area is not displayed on the display interface
  • the lower boundary is at the same horizontal line as the lower boundary of the first region.
  • the web page may be moved to the upper boundary of the display interface or to the lower boundary of the display interface.
  • the page moving module 502 receives the page up movement request, and after the page page is moved to the upper boundary direction of the display interface according to the page up movement request, :
  • the display interface may be a display interface for displaying a webpage page by a client such as a browser.
  • the webpage page may be moved to conveniently view the webpage content of the webpage page.
  • the webpage page includes at least the first area and the second area distributed on both sides, when the webpage page moves to the upper boundary direction of the display interface, the first area and the second area also move toward the upper boundary direction of the display interface.
  • the second area is a fixed length, and the length of the first area is not fixed. To ensure that the display interface displays the effective content, the display effect of the display interface is improved, if the upper boundary of the first area reaches the upper boundary of the display interface.
  • the webpage content of the first area is displayed when the display interface is all displayed, or if the upper boundary of the first area reaches an upper boundary of the display interface and the webpage content of the first area is not in the display interface All displayed, and when the lower boundary of the first region reaches the lower boundary of the display interface, the first region is moved until the lower boundary of the first region is in the same state as the lower boundary of the second region
  • the horizontal line can ensure that a large amount of blank content does not appear in the display interface, so that the display interface displays valid content, which improves the display effect of the display interface.
  • the device embodiments described above are merely illustrative, wherein the units described as separate components may or may not be physically separate, and the components displayed as units may or may not be physical units, ie may be located A place, or it can be distributed to multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the embodiment. Those of ordinary skill in the art can understand and implement without deliberate labor.
  • FIG. 6 is a connection flowchart of an embodiment of a webpage page display electronic device according to the present invention.
  • the device in this embodiment may be a part of a webpage page display server or a webpage page display server, and the device may include:
  • One or more processors 601 and memory 602, one processor 601 is taken as an example in FIG.
  • the web page display electronic device may further include: an input device 603 and an output device 604.
  • the processor 601, the memory 602, the input device 603, and the output device 604 can pass through the bus. Or connect in other ways.
  • the memory 602 is used as a non-transitory computer readable storage medium, and can be used to store non-transitory software programs, non-transitory computer executable programs, and modules, such as program instructions/modules corresponding to the web page display method in the embodiment of the present application. .
  • the processor 601 executes various functional applications and data processing of the server by running non-transitory software programs, instructions, and modules stored in the memory 602, that is, implementing the web page display method of the above method embodiment.
  • the memory 602 may include a storage program area and an storage data area, wherein the storage program area may store an operating system, an application required for at least one function; the storage data area may store data created according to use of the web page display device, and the like.
  • memory 602 can include high speed random access memory, and can also include non-transitory memory, such as at least one magnetic disk storage device, flash memory device, or other non-transitory solid state storage device.
  • the memory 602 can optionally include memory remotely located relative to the processor 601 that can be connected to the processing device of the list item operation over a network. Examples of such networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.
  • the input device 603 can receive the input numeric or character information and generate a key signal input related to user settings and function control of the web page display device.
  • Output device 604 can include a display device such as a display screen.
  • the one or more modules are stored in the memory 602, and when executed by the one or more processors 31, execute a web page display method in any of the above method embodiments.
  • the electronic device of the embodiment of the invention exists in various forms, including but not limited to:
  • Mobile communication devices These devices are characterized by mobile communication functions and are mainly aimed at providing voice and data communication.
  • Such terminals include: smart phones (such as iPhone), multimedia phones, functional phones, and low-end phones.
  • Ultra-mobile PC devices These devices belong to the category of personal computers, with calculations and Processing functions, generally also have mobile Internet features.
  • Such terminals include: PDAs, MIDs, and UMPC devices, such as the iPad.
  • Portable entertainment devices These devices can display and play multimedia content. Such devices include: audio, video players (such as iPod), handheld game consoles, e-books, and smart toys and portable car navigation devices.
  • the server consists of a processor, a hard disk, a memory, a system bus, etc.
  • the server is similar to a general-purpose computer architecture, but because of the need to provide highly reliable services, processing power and stability High reliability in terms of reliability, security, scalability, and manageability.
  • an embodiment of the present invention further provides a computer readable storage medium, where the program for executing the method of the foregoing embodiment is stored.

Landscapes

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

Abstract

一种网页页面显示方法及装置，所述方法包括：在显示界面输出网页页面（301），其中所述网页页面至少包括两侧分布的第一区域以及第二区域；接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动（302）；如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线（303）。上述方法提高了显示界面的显示效果。

Description

网页页面显示方法及装置
交叉引用
本申请引用于2015年12月14日递交的名称为“网页页面显示方法及装置”的第201510925956.7号中国专利申请，其通过引用被全部并入本申请。
技术领域
本发明实施例涉及计算机技术领域，尤其涉及一种网页页面显示方法及装置。
背景技术
网页(web)页面主要应用于网络、互联网等技术领域，用于显示网络内容，通过浏览器等客户端的显示界面可以实现网页内容的显示。由于网页页面的长度通常大于显示界面的长度，因此网页页面在显示界面的显示时，还可以在显示界面中移动网页页面，例如可以通过鼠标滚动、或者拖拽显示页面的导航栏实现网页页面的移动。
由于网页内容的多样化，显示不同类型内容的网页页面通常具有不同的页面结构。在常见的一种页面结构中，网页页面包括两侧分布的第一区域以及第二区域，用于显示不同的网页内容，因此第一区域和第二区域的长度可能并不相同。在网页页面向显示界面上边界移动时，如果第一区域和第二区域中的任一区域，假设第一区域中网页内容很少，为了显示第二区域的网页内容，第一区域就会有大量的空白内容，使得显示界面显示的有效内容减少，影响显示界面的显示效果。
发明内容
本发明实施例提供一种网页页面显示方法及装置，用以解决现有技术中显示界面显示的有效内容减少，影响显示界面的显示效果的技术问题。
本发明实施例还提供一种网页页面显示电子设备、一种非暂态计算机存储介质以及一种计算机程序产品。
本发明实施例提供一种网页页面显示方法，所述方法包括：
在显示界面输出网页页面，其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容；所述显示界面的长度小于所述网页页面的长度；
接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第二区域未显示的网页内容；
在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
本发明实施例提供一种网页页面显示装置，所述装置包括：
页面输出模块，在显示界面输出网页页面，其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容；所述显示界面的长度小于所述网页页面的长度；
页面移动模块，用于接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第二区域未显示的网页内容；在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
本发明实施例还提供一种非暂态计算机存储介质，存储有计算机可执行指令，所述计算机可执行指令用于执行本申请上述任一项网页页面显示方 法。
本发明实施例提供一种网页页面显示电子设备，包括：至少一个处理器；以及，
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述一个处理器执行的指令，所述指令被被所述至少一个处理器执行，以使所述至少一个处理器能够：
在显示界面输出网页页面，其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容；所述显示界面的长度小于所述网页页面的长度；
接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第二区域未显示的网页内容；
在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
本申请实施例还提供了一种计算机程序产品，所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，使所述计算机执行本申请上述任一项网页页面显示方法。
本发明实施例提供的网页页面显示方法及装置，在网页页面输出至显示界面，并向显示界面的上边界方面移动时，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线，从而可以保证显示界面中不会出现大量的空白内容，使得显示界面显示的均为有效内容，提高了显示界面的显示显示效果。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明网页页面的一种显示示意图；
图2为现有技术中网页页面的一种显示示意图；
图3为本发明网页页面显示方法实施例流程图；
图4a～图4j分别为本发明网页页面的显示示意图；
图5为本发明网页页面显示装置实施例流程图；
图6为本发明网页页面显示电子设备一个实施例的连接示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明实施例中的网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容；所述第一区域的长度可以根据其显示的网页内容数量不同而不同，所述第二区域的长度可以为固定长度或者也可以根据其显示的网页内容数量不同而不同；另外，所述显示界面的长度小于所述网页页面的长度。第一区域的网页内容数量较少时，第一区域的长度较短，第一区域的网页内容数量较多时，第一区域的长度较长。
在一个实际应用中，该网页页面例如可以是指网页播放页面，网页播放 页面中通常由播放区域、评论区域、内容推广区域、文尾区域等构成，其中，评论区域和内容推广区域布局在网页页面的两侧分布，如图1所示，示出了网页页面的一种结构示意图，网页页面100至少包括第一区域101，也即评论区域；第二区域102，也即内容推广区域；播放区域103以及文尾区域104等。第一区域101和第二区域102两侧分布。
由于现有技术，网页页面向显示界面上边界移动时，如果第一区域的中网页内容较少，为了完全显示第二区域的网页内容，第一区域中可能会存在大量的空白内容，使得显示界面显示的有效内容减少，影响显示界面的显示效果。如图1所示，网页页面100输出至显示界面200中显示，如图2所示，即为现有技术中网页页面移动之后的显示界面示意图，第一区域101的网页内容较少，此时显示界面中网页页面的第一区域101所在一侧区域会出现大量的空白内容，如图2中的虚线框所示，这就会影响显示界面的显示效果。
为了提高显示界面的显示效果，使得显示界面能够显示更多的有效内容，发明人经过一系列的研究，提出本发明的技术方案，在本发明实施例中，网页页面在显示界面输出，并根据页面向上移动请求，向显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线，从而可以保证显示界面中不会出现大量的空白内容，使得显示界面显示的均为有效内容，提高了显示界面的显示显示效果。
下面结合附图对本发明技术方案进行详细描述。
图3为本发明实施例提供的一种网页页面显示方法一个实施例的流程图，该方法可以包括以下几个步骤：
301：在显示界面输出网页页面。
其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容。
所述第一区域的长度可以根据其显示的网页内容数量不同而不同。
所述第二区域的长度可以为固定长度，也可以根据其显示的网页内容数量不同而不同；所述显示界面的长度小于所述网页页面的长度，使得显示界面只能显示网页页面的部分网页内容，需要移动网页页面，才能够查看网页页面的其他网页内容。
该网页页面在一个实际应用中可以为网页播放页面，可以参见如图1所示的结构示意图。
当然，本发明所述的网页页面可以是指任意具有两侧分布的第一区域以及第二区域的页面结构的网页页面，并不限定于该网页播放页面。
302：接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第二区域未显示的网页内容。
由于显示界面的长度小于网页页面的长度，为了显示网页页面未显示的网页内容，可以移动网页页面。
该页面向上移动请求具体可以是用户触发的，例如用户通过操作鼠标或者操作显示界面的导航栏触发。
303：在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示，所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
持续接收到页面向上移动请求，网页页面即会持续向显示界面的上边界方向移动。
在网页页面向上边界方向移动过程中，如果第一区域的上边界到达所述显示界面的上边界，且此时第一区域的网页内容在显示界面能够全部显示，也即第一区域的网页内容较少时，第一区域将不再继续移动，第二区域的网页内容未在显示界面全部显示，也即存在未在显示界面显示的网页内容时， 第二区域可以继续移动，直至第一区域的下边界与所述第二区域的下边界位于同一水平线，此时显示界面中可以第一区域以及第二区域的网页内容，而不会出现大量的空白内容。
例如，针对图1所示的网页播放页面，参见图4a～图4b中所示，图4a中，第一区域101的上边界到达所述显示界面200的上边界，且第一区域101的网页内容全部在显示界面显示，第二区域102的网页内容未在显示界面全部显示，此时第一区域101不再继续移动，而第二区域102还有未显示的网页内容，第二区域102可以继续移动，如图4b所示，直至第二区域102的下边界与所述第一区域的下边界位于同一水平线。
此外，在网页播放页面中的第一区域，也即评论区域通常会设置评论输入框，以接收用户的输入内容。
因此，作为又一种可能的实现方式，所述网页页面还包括设置在所述第一区域中预设位置处的导航框，用于接收用户输入内容或者输出提示信息。该提示信息可以提示用户是否第一区域是否到达上边界等。如图4a～图4b的导航框105。
导航框的预设位置可以是指第一区域中靠近上边界的预设区域。
在所述网页页面向所述显示界面的上边界方向移动过程中，导航框会跟随第一区域移动而移动，而如果在所述导航框到达所述网页页面的上边界时，即终止移动所述导航框。
本发明实施例中，网页页面在显示显示界面的上边界移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线，可以保证显示界面不会存在大量空白的内容，使得显示界面能够显示更多的有效内容，提高了显示界面的显示效果，使得显示界面更加美观。
作为又一个实施例，在网页页面向所述显示界面的上边界方向移动过程 中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容未在所述显示界面全部显示时，所述方法还可以包括：
继续移动所述第一区域以及所述第二区域；
在所述第一区域的下边界到达所述显示界面的下边界且所述第二区域存在未在显示界面显示的网页内容时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
仍以图1所示的网页播放页面为例，如图4c～图4d所示，图4c中，第一区域101的上边界到达显示界面200的上边界时，第一区域101的网页内容未在显示界面200中全部显示，此时可以继续移动第一区域101以及第二区域102，在第一区域101的下边界到达显示界面的下边界时，第一区域101将不再移动，第二区域102还存在未在显示界面显示的网页内容，第二区域102可以继续移动，如图4d，直至所述第一区域101的下边界与所述第二区域102的下边界位于同一水平线。
在第一区域101包括导航框105时，导航框105到达显示界面的上边界时，即不再移动。
由于网页页面可能不仅包括第一区域以及第二区域，在又一个实施例中，该网页页面还包括第三区域，布局在网页页面的下边界，位于第一区域和第二区域的下面，该第三区域的下边界即可以为所述网页页面的下边界。
如图1所示的网页播放页面，文尾区域104也即为第三区域，文尾区域可以用于显示广告等网页内容。
第三区域的网页内容也需要在显示界面中进行显示，第一区域终止移动之后，第二区域以及第三区域可以继续移动。
因此，作为又一个实施例，在网页页面向所述显示界面的上边界方向移动过程中，所述第一区域的下边界与所述第二区域的下边界位于同一水平线之后，所述方法还包括：
继续移动所述第一区域、所述第二区域以及所述第三区域，直至所述第 三区域的下边界到达所述显示界面的下边界。
也即第一区域的下边界与第二区域的下边界位于同一水平线之后，如果继续存在页面向上移动请求，第一区域将不再终止移动，第一区域、第二区域以及第三区域可以继续移动，直至所述第三区域的下边界到达所述显示界面的下边界，此时也即网页页面的下边界到达显示界面下边界，网页页面也将无法向上移动。
如图4e中所述，为在图4b的情况下，第二区域102的下边界与所述第一区域101的下边界位于同一水平线之后，第一区域101可以与第二区域102以及第三区域104继续移动，直至第三区域104的下边界到达显示界面200的下边界。
如图4f中所示，为在图4d的情况下，第二区域102的下边界与所述第一区域101的下边界位于同一水平线之后，第一区域101可以与第二区域102以及第三区域104继续移动，直至第三区域104的下边界到达显示界面200的下边界。
其中，作为又一个实施例，所述方法还可以包括：
在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第二区域的上边界到达所述显示界面的上边界且所述第二区域的网页内容在所述显示界面全部显示、所述第一区域的网页内容未在所述显示界面全部显示时，则终止移动所述第二区域直至所述第二区域的下边界与所述第一区域的下边界位于同一水平线。
终止移动所述第二区域之后，可以继续移动第一区域，直至第二区域的下边界与所述第一区域的下边界位于同一水平线上。
此外，所述在网页页面向所述显示界面的上边界方向移动过程中，如果所述第二区域的上边界到达所述显示界面的上边界且所述第二区域的网页内容未在所述显示界面全部显示、所述第二区域的网页内容未在所述显示界面全部显示时，所述方法还包括：
继续移动所述第一区域以及所述第二区域；
在所述第二区域的下边界到达所述显示界面的下边界，所述第一区域存在未在显示界面显示的网页内容时，终止移动所述第二区域，可以继续移动第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
例如，如图4g和图4h中所示，第二区域102的上边界到达显示界面200的上边界时，第二区域102的网页内容在所述显示界面全部显示、而所述第一区域101的网页内容未在所述显示界面全部显示时，则可以终止移动所述第二区域102直至所述第二区域102的下边界与所述第一区域101的下边界位于同一水平线。
如图4i和图4j所示，如果所述第二区域102的上边界到达所述显示界面200的上边界且所述第二区域102的网页内容未在所述显示界面200全部显示、且所述第一区域101的网页内容未在所述显示界面全部显示时，此时可以继续移动第一区域101以及第二区域102，在所述第二区域102的下边界到达所述显示界面200的下边界时，所述第一区域101仍然存在未在显示界面显示的网页内容时，终止移动所述第二区域102，可以继续移动第一区域101直至所述第一区域101的下边界与所述第二区域102的下边界位于同一水平线。
其中，在第一区域101中还包括导航框105时，在所述导航框105到达所述显示界面200的上边界时，即不再移动。
如果网页页面还包括位于第一区域以及第二区域下面的第三区域时，则第一区域以及第二区域的下边界位于同一水平线之后，还可以继续移动所述第一区域、所述第二区域以及所述第三区域，直至所述第三区域的下边界到达所述显示界面的下边界。
本发明实施例中，第一区域的网页内容在所述显示界面是否能够全部显示可以根据第一区域的网页内容数量进行判断，在第一区域的网页内容数量小于第一阈值，则可以确定第一区域的网页内容在所述显示界面能够全部显示；而如果第一区域的网页内容数量大于第二阈值，可以确定第一区域的网 页内容无法在所述显示界面全部显示，需要移动网页页面才可以查看未显示的网页内容。该第二阈值可以与第一阈值相等。
因此，作为又一个实施例，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线可以包括：
如果所述第一区域的网页内容数量小于第一阈值，且所述第一区域的上边界到达所述显示界面的上边界时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线；
所述如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容未在所述显示界面全部显示时，继续移动所述第一区域以及所述第二区域可以包括：
如果所述第一区域的网页内容数量大于第二阈值，所述第一区域的上边界到达所述显示界面的上边界时，继续移动所述第一区域以及所述第二区域。
也即如果所述第一区域的网页内容数量大于第二阈值，在所述第一区域的下边界到达所述显示界面的下边界时，则终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
其中，网页页面可以向显示界面的上边界方向移动，也可以向显示界面的下边界方向移动。
因此，作为又一个实施例，所述接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动之后，所述方法还可以包括：
接收页面向下移动请求，并根据所述页面向下移动请求，将所述网页页面向所述显示界面的下边界方向移动。
图5为本发明提供的一种网页页面显示装置一个实施例的结构示意图，该装置可以包括：
页面输出模块501，在显示界面输出网页页面，其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容；所述显示界面的长度小于所述网页页面的长度。
页面移动模块502，用于接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第二区域未显示的网页内容；在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
本发明实施例中，网页页面在显示显示界面的上边界移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线，可以保证显示界面不会存在大量空白的内容，使得显示界面能够显示更多的有效内容，提高了显示界面的显示效果，使得显示界面更加美观。
其中，所述网页页面还可以包括设置在所述第一区域中预设位置处的导航框，用于接收用户输入内容或者输出提示信息；
则所述页面移动模块502还用于在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述导航框到达所述显示界面的上边界时，终止移动所述导航框。
作为又一个实施例，所述页面移动模块502在网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容未在所述显示界面全部显示时，所还用于：
继续移动所述第一区域以及所述第二区域；
在所述第一区域的下边界到达所述显示界面的下边界且所述第二区域存在未在显示界面显示的网页内容时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
由于网页页面可能不仅包括第一区域以及第二区域，在又一个实施例中，该网页页面还包括第三区域，布局在网页页面的下边界，该第三区域的上边界部分与所述第二区域的下边界接触，该第三区域的下边界即可以为所述网页页面的下边界。
第三区域的网页内容也需要在显示界面中进行显示，第一区域终止移动之后，第二区域以及第三区域可以继续移动。
因此，作为又一个实施例，所述页面移动模块502终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线之后，还用于：
继续移动所述第一区域、所述第二区域以及所述第三区域，直至所述第三区域的下边界到达所述显示界面的下边界。从而实现第三区域的显示。
也即第一区域的下边界与第二区域的下边界位于同一水平线之后，如果继续存在页面向上移动请求，第一区域将不再终止移动，第一区域、第二区域以及第三区域可以继续移动，直至所述第三区域的下边界到达所述显示界面的下边界，此时也即网页页面的下边界到达显示界面下边界，网页页面也将无法向上移动。
本发明实施例中，第一区域的网页内容在所述显示界面是否能够全部显示可以根据第一区域的网页内容数量进行判断，在第一区域的网页内容数量小于第一阈值，则可以确定第一区域的网页内容在所述显示界面能够全部显示；而如果第一区域的网页内容数量大于第二阈值，可以确定第一区域的网页内容无法在所述显示界面全部显示，需要移动网页页面才可以查看未显示 的网页内容。该第二阈值可以与第一阈值相等。
因此，作为又一个实施例，所述页面移动模块502如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线可以具体是：
如果所述第一区域的网页内容数量小于第一阈值，且所述第一区域的上边界到达所述显示界面的上边界时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线；
如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容未在所述显示界面全部显示时，继续移动所述第一区域以及所述第二区域可以具体是：
如果所述第一区域的网页内容数量大于第二阈值，所述第一区域的上边界到达所述显示界面的上边界时，继续移动所述第一区域以及所述第二区域。
作为又一个实施例，所述页面移动模块502还可以用于在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第二区域的上边界到达所述显示界面的上边界且所述第二区域的网页内容在所述显示界面全部显示、所述第一区域的网页内容未在所述显示界面全部显示时，终止移动所述第二区域直至所述第二区域的下边界与所述第一区域的下边界位于同一水平线。
网页页面可以向显示界面的上边界方向移动，也可以向显示界面的下边界方向移动。
因此，作为又一个实施例，所述页面移动模块502接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动之后，还可以用于：
接收页面向下移动请求，并根据所述页面向下移动请求，将所述网页页面向所述显示界面的下边界方向移动。
本发明实施例中，显示界面可以是浏览器等客户端的用于显示网页页面的显示界面，在网页页面的长度大于显示界面的长度时，网页页面可以移动，以方便查看网页页面的网页内容。而在网页页面至少包括两侧分布的第一区域以及第二区域，网页页面向显示界面上边界方向移动时，第一区域以及第二区域也即向显示界面的上边界方向移动。由于第二区域为固定长度，第一区域的长度不固定时，为了保证显示界面显示有效内容，提高显示界面的显示效果，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示时，或者如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容未在所述显示界面全部显示，而所述第一区域的下边界到达所述显示界面的下边界时，则终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线，从而可以保证显示界面中不会出现大量的空白内容，使得显示界面显示的均为有效内容，提高了显示界面的显示效果。
以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。
图6为本发明提供的一种网页页面显示电子设备一个实施例的连接流程图，本实施例所述设备可以为网页页面显示服务器或网页页面显示服务器中的一部分，该设备可以包括：
一个或多个处理器601以及存储器602，图6中以一个处理器601为例。
网页页面显示电子设备还可以包括：输入装置603和输出装置604。
处理器601、存储器602、输入装置603和输出装置604可以通过总线 或者其他方式连接。
存储器602作为一种非暂态计算机可读存储介质，可用于存储非暂态软件程序、非暂态计算机可执行程序以及模块，如本申请实施例中的网页页面显示方法对应的程序指令/模块。处理器601通过运行存储在存储器602中的非暂态软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例网页页面显示方法。
存储器602可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据网页页面显示装置的使用所创建的数据等。此外，存储器602可以包括高速随机存取存储器，还可以包括非暂态存储器，例如至少一个磁盘存储器件、闪存器件、或其他非暂态固态存储器件。在一些实施例中，存储器602可选包括相对于处理器601远程设置的存储器，这些远程存储器可以通过网络连接至列表项操作的处理装置。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置603可接收输入的数字或字符信息，以及产生与网页页面显示装置的用户设置以及功能控制有关的键信号输入。输出装置604可包括显示屏等显示设备。
所述一个或者多个模块存储在所述存储器602中，当被所述一个或者多个处理器31执行时，执行上述任意方法实施例中的网页页面显示方法。
上述产品可执行本申请实施例所提供的方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明实施例所提供的方法。
本发明实施例的电子设备以多种形式存在，包括但不限于:
(1)移动通信设备：这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机，以及低端手机等。
(2)超移动个人计算机设备:这类设备属于个人计算机的范畴，有计算和 处理功能，一般也具备移动上网特性。这类终端包括：PDA、MID和UMPC设备等，例如iPad。
(3)便携式娱乐设备：这类设备可以显示和播放多媒体内容。该类设备包括：音频、视频播放器(例如iPod)，掌上游戏机，电子书，以及智能玩具和便携式车载导航设备。
(4)服务器：提供计算服务的设备，服务器的构成包括处理器、硬盘、内存、系统总线等，服务器和通用的计算机架构类似，但是由于需要提供高可靠的服务，因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。
(5)其他具有数据交互功能的电子装置。可以看到，该设备中的处理器602即是图5中装置一种具体实现，其具体功能和效果也可以参照对图5中装置的说明。
相应地，本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有用于执行上述实施例方法的程序。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。
最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (15)

  1. 一种网页页面显示方法，其特征在于，包括：
    在显示界面输出网页页面，其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容，所述显示界面的长度小于所述网页页面的长度；
    接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第二区域未显示的网页内容；
    在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
  2. 根据权利要求1所述的方法，其特征在于，所述在网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容未在所述显示界面全部显示时，所述方法还包括：
    继续移动所述第一区域以及所述第二区域；
    在所述第一区域的下边界到达所述显示界面的下边界且所述第二区域存在未在显示界面显示的网页内容时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
  3. 根据权利要求1所述的方法，其特征在于，所述网页页面还包括布局在下边界的第三区域；
    所述第一区域的下边界与所述第二区域的下边界位于同一水平线之后，所述方法还包括：
    继续移动所述第一区域、所述第二区域以及所述第三区域，直至所述第三区域的下边界到达所述显示界面的下边界。
  4. 根据权利要求2所述的方法，其特征在于，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线包括：
    如果所述第一区域的网页内容数量小于第一阈值，且所述第一区域的上边界到达所述显示界面的上边界时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线；
    所述如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容未在所述显示界面全部显示时，继续移动所述第一区域以及所述第二区域包括：
    如果所述第一区域的网页内容数量大于第二阈值，所述第一区域的上边界到达所述显示界面的上边界时，继续移动所述第一区域以及所述第二区域。
  5. 根据权利要求1所述的方法，其特征在于，所述接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动之后，所述方法还包括：
    在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第二区域的上边界到达所述显示界面的上边界且所述第二区域的网页内容在所述显示界面全部显示、所述第一区域的网页内容未在所述显示界面全部显示时，终止移动所述第二区域直至所述第二区域的下边界与所述第一区域的下边界位于同一水平线。
  6. 根据权利要求1～5任一项所述的方法，其特征在于，所述网页页面还包括设置在所述第一区域中预设位置处的导航框，用于接收用户输入内容或者输出提示信息；
    所述在所述网页页面向所述显示界面的上边界方向移动过程中，所述方法还包括：
    在所述导航框到达所述显示界面的上边界时，终止移动所述导航框。
  7. 一种网页页面显示装置，其特征在于，包括：
    页面输出模块，在显示界面输出网页页面，其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容；所述显示界面的长度小于所述网页页面的长度；
    页面移动模块，用于接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第二区域未显示的网页内容；在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
  8. 根据权利要求7所述的装置，其特征在于，所述页面移动模块所述在网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容未在所述显示界面全部显示时，还用于继续移动所述第一区域以及所述第二区域；在所述第一区域的下边界到达所述显示界面的下边界且所述第二区域存在未在显示界面显示的网页内容时，终止移动所述第一区域所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
  9. 根据权利要求7所述的装置，其特征在于，所述网页页面还包括布局在下边界的第三区域；
    所述页面移动模块在所述第一区域的下边界与所述第二区域的下边界位于同一水平线之后，还用于：
    继续移动所述第一区域、所述第二区域以及所述第三区域，直至所述第三区域的下边界到达所述显示界面的下边界。
  10. 根据权利要求8所述的装置，其特征在于，所述页面移动模块如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示时，终止移动所述第一区域直至所 述第一区域的下边界与所述第二区域的下边界位于同一水平线具体是：
    如果所述第一区域的网页内容数量小于第一阈值，且所述第一区域的上边界到达所述显示界面的上边界时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线；
    如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容未在所述显示界面全部显示时，继续移动所述第一区域以及所述第二区域具体是：
    如果所述第一区域的网页内容数量大于第二阈值，所述第一区域的上边界到达所述显示界面的上边界时，继续移动所述第一区域以及所述第二区域。
  11. 根据权利要求7所述的装置，其特征在于，所述页面移动模块还用于在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第二区域的上边界到达所述显示界面的上边界且所述第二区域的网页内容在所述显示界面全部显示、所述第一区域的网页内容未在所述显示界面全部显示时，终止移动所述第二区域直至所述第二区域的下边界与所述第一区域的下边界位于同一水平线。
  12. 根据权利要求7～11任一项所述的装置，其特征在于，所述网页页面还包括设置在所述第一区域中预设位置处的导航框，用于接收用户输入内容或者输出提示信息；
    所述页面移动模块还用于在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述导航框到达所述显示界面的上边界时，终止移动所述导航框。
  13. 一种电子设备，其特征在于，包括：
    至少一个处理器；以及，
    与所述至少一个处理器通信连接的存储器；其中，
    所述存储器存储有可被所述一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：
    在显示界面输出网页页面，其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容，所述显示界面的长度小于所述网页页面的长度；
    接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第二区域未显示的网页内容；
    在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。
  14. 一种非暂态计算机可读存储介质，其特征在于，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令用于使所述计算机执行权利要求1-6任一所述方法。
  15. 一种计算机程序产品，所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，使所述计算机执行权利要求1-6任一所述方法。
PCT/CN2016/096914 2015-12-14 2016-08-26 网页页面显示方法及装置 Ceased WO2017101501A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201510925956.7 2015-12-14
CN201510925956.7A CN105893437A (zh) 2015-12-14 2015-12-14 网页页面显示方法及装置

Publications (1)

Publication Number Publication Date
WO2017101501A1 true WO2017101501A1 (zh) 2017-06-22

Family

ID=57002455

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2016/096914 Ceased WO2017101501A1 (zh) 2015-12-14 2016-08-26 网页页面显示方法及装置

Country Status (2)

Country Link
CN (1) CN105893437A (zh)
WO (1) WO2017101501A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105893437A (zh) * 2015-12-14 2016-08-24 乐视网信息技术（北京）股份有限公司 网页页面显示方法及装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102012775A (zh) * 2009-09-07 2011-04-13 英业达股份有限公司 网页浏览操作系统及其方法
US20150040061A1 (en) * 2012-08-24 2015-02-05 Jun Lu Method, apparatus and system of displaying a file
CN104615744A (zh) * 2015-02-12 2015-05-13 姚林 显示屏下单一浏览器界面多窗口同时浏览的方法
CN105893437A (zh) * 2015-12-14 2016-08-24 乐视网信息技术（北京）股份有限公司 网页页面显示方法及装置

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103324476B (zh) * 2013-06-04 2016-09-07 白连宇 页面动态参照布局及展现方法
KR101371584B1 (ko) * 2013-08-01 2014-03-07 주식회사 갈렙에이비씨 웹 브라우저의 화면 표시 방법

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102012775A (zh) * 2009-09-07 2011-04-13 英业达股份有限公司 网页浏览操作系统及其方法
US20150040061A1 (en) * 2012-08-24 2015-02-05 Jun Lu Method, apparatus and system of displaying a file
CN104615744A (zh) * 2015-02-12 2015-05-13 姚林 显示屏下单一浏览器界面多窗口同时浏览的方法
CN105893437A (zh) * 2015-12-14 2016-08-24 乐视网信息技术（北京）股份有限公司 网页页面显示方法及装置

Also Published As

Publication number Publication date
CN105893437A (zh) 2016-08-24

Similar Documents

Publication Publication Date Title
JP6522164B2 (ja) 情報取得方法およびデバイス
CN102306174B (zh) 一种基于网页元素与用户进行互动的方法与设备
KR102394295B1 (ko) 파라미터 관성 및 apis
US20190114043A1 (en) Method, apparatus, and electronic device for displaying a page and storage medium
WO2018000661A1 (zh) 弹幕显示方法及装置
US20140289058A1 (en) Advertisement generation apparatus and terminal device
US10684867B2 (en) Method and apparatus for running an application in a floating layer at a predetermined position on a microblog page
CN104424212A (zh) 一种分享媒体内容、及显示媒体内容的方法及装置
WO2017016101A1 (zh) 搜索结果的展现方法、装置和搜索引擎
WO2017211020A1 (zh) 一种电视操控方法及装置
CN105045645A (zh) 网页加载方法、装置及系统
US8537180B1 (en) System and method for viewing content
WO2017185641A1 (zh) 一种语音弹幕的生成、播放方法及其装置、客户端
CN104536791A (zh) 基于移动终端的页面资源加载方法及装置
CN104133865A (zh) 一种广告过滤方法以及装置
CN107943803A (zh) 一种基于大数据实现网页快速加载的方法和设备
CN110909274A (zh) 页面浏览方法、装置及电子设备
CN104375592B (zh) 提供游戏用的服务器以及方法
US20130067320A1 (en) Batch Document Formatting and Layout on Display Refresh
CN104199600B (zh) 浏览器多标签页的处理方法及浏览器
WO2017101501A1 (zh) 网页页面显示方法及装置
WO2017219691A1 (zh) 页面内容加载方法、装置及电子设备
CN115562779A (zh) 媒体信息处理方法、装置、设备及存储介质
CN104796785A (zh) 应用程序内的视频播放方法及装置
CN105511737A (zh) 一种管理网页上的菜单选项的方法及电子设备

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: 16874561

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 16874561

Country of ref document: EP

Kind code of ref document: A1