WO2023185012A1 - 一种页面内容的显示方法、装置、设备及可读存储介质 - Google Patents

一种页面内容的显示方法、装置、设备及可读存储介质 Download PDF

Info

Publication number
WO2023185012A1
WO2023185012A1 PCT/CN2022/133102 CN2022133102W WO2023185012A1 WO 2023185012 A1 WO2023185012 A1 WO 2023185012A1 CN 2022133102 W CN2022133102 W CN 2022133102W WO 2023185012 A1 WO2023185012 A1 WO 2023185012A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
display
anchor point
scroll bar
browsing
Prior art date
Application number
PCT/CN2022/133102
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 WO2023185012A1 publication Critical patent/WO2023185012A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Definitions

  • the present invention relates to the field of display technology, and in particular, to a method, device, equipment and computer-readable storage medium for displaying page content.
  • the purpose of the present invention is to provide a method for displaying page content, which realizes precise control of the page display content, effectively improves the page content search efficiency, and improves user experience; another purpose of the present invention is to provide a page content display method.
  • the present invention provides the following technical solutions:
  • a method for displaying page content including:
  • the browsing window is used to display some of the page modules among the plurality of page modules of the browsing page;
  • each anchor point corresponds to a page module
  • the currently selected target anchor point is determined
  • displaying multiple anchor points in the scroll bar area includes:
  • the method also includes:
  • anchor point display conditions include any of the following:
  • the browsing cursor is located in the scroll bar area
  • the browsing cursor is located in the scroll bar area, and the static duration of the browsing cursor in the scroll bar area reaches a duration threshold.
  • displaying multiple anchor points in the scroll bar area includes:
  • the anchor point display area corresponding to the plurality of anchor points is determined, and the anchor point display area corresponding to the plurality of anchor points is determined.
  • a point display area displays the plurality of anchor points in the scroll bar area.
  • the scroll bar area includes a slider area and a non-slider area; the multiple anchor points displayed in the scroll bar area include:
  • the index anchor point corresponding to the index page module is displayed in the slider area, and the anchor point different from the index anchor point is displayed in the non-slider area.
  • displaying multiple anchor points in the scroll bar area includes:
  • the plurality of anchor points are sequentially displayed in the scroll bar area according to the order of the page modules corresponding to the plurality of anchor points in the browsing page.
  • the scroll bar area includes a slider area and a non-slider area; when controlling the browsing window to display the target page module corresponding to the target anchor point, the method further includes :
  • the position of the slider area in the scroll bar area is updated according to the position of the target page module in the plurality of page modules.
  • the method before displaying multiple anchor points in the scroll bar area, the method further includes:
  • Multiple anchor points are displayed in the scroll bar area, including:
  • a display device for page content including:
  • the page and scroll bar display unit is used to display the browsing page and the scroll bar area in the browsing window; wherein the browsing window is used to display some of the page modules among the plurality of page modules of the browsing page;
  • An anchor point display unit is used to display multiple anchor points in the scroll bar area; wherein each anchor point corresponds to a page module;
  • An anchor point determination unit is used to determine the currently selected target anchor point when the anchor point selection action is monitored
  • a page module display unit is used to control the browsing window to display the target page module corresponding to the target anchor point.
  • a display device for page content including:
  • Memory used to store computer programs
  • a processor configured to implement the steps of the method for displaying page content as described above when executing the computer program.
  • a computer-readable storage medium A computer program is stored on the computer-readable storage medium. When the computer program is executed by a processor, the steps of the method for displaying page content as described above are implemented.
  • This application also discloses a computer program product, which includes a computer program that, when executed by a processor, implements the steps of the method for displaying page content as described above.
  • the method for displaying page content displayed the browsing page and the scroll bar area in the browsing window; wherein the browsing window is used to display some page modules among the multiple page modules of the browsing page; and displays multiple page modules in the scroll bar area.
  • anchor points each anchor point corresponds to a page module; when the anchor point selection action is monitored, the currently selected target anchor point is determined; the browsing window is controlled to display the target page module corresponding to the target anchor point.
  • the scroll bar area by pre-setting the scroll bar area, it is used to display the anchor points generated in advance for each page module included in the browsing page, display the browsing page and the scroll bar area in the browsing window, and in the scroll bar area Display multiple anchor points, and when the anchor point selection action is monitored, the currently selected target anchor point is determined, and then the browsing window is controlled to display the target page module corresponding to the target anchor point.
  • This achieves precise control over the content displayed on the page, and can quickly and clearly jump to the target page module location through the target anchor point, effectively improving the efficiency of page content search and improving the user experience.
  • the present invention also provides a page content display device, equipment and computer-readable storage medium corresponding to the above-mentioned page content display method, which has the above technical effects and will not be described again here.
  • Figure 1 is an implementation flow chart of a method for displaying page content in an embodiment of the present invention
  • Figure 2 is another implementation flow chart of a method for displaying page content in an embodiment of the present invention
  • Figure 3a is a schematic diagram of a browsing window in an embodiment of the present invention.
  • Figure 3b is a schematic diagram of a multi-module page display in an embodiment of the present invention.
  • Figure 3c is a schematic diagram of the underlying implementation of a multi-module page display in an embodiment of the present invention.
  • Figure 4 is a structural block diagram of a device for displaying page content in an embodiment of the present invention.
  • Figure 5 is a structural block diagram of a page content display device in an embodiment of the present invention.
  • FIG. 6 is a schematic structural diagram of a page content display device provided in this embodiment.
  • Figure 1 is an implementation flow chart of a method for displaying page content in an embodiment of the present invention.
  • the method may include the following steps:
  • S101 Display the browsing page and scroll bar area in the browsing window.
  • the browsing window is used to display some of the page modules among the multiple page modules of the browsing page.
  • a browsing page generally consists of multiple page modules.
  • the browsing window can only display some page modules among the multiple page modules of the browsing page at one time.
  • a scroll bar area is preset for selecting the page modules that need to be displayed on the browsing page. When there is a browsing page to be displayed, the browsing page and the scroll bar area are displayed in the browsing window, that is, part of the page modules and the scroll bar area of the browsing page are displayed.
  • the browsing window can be a window obtained by accessing the network online, such as a browser window, or it can be an offline window, such as the display window of WORD, EXCEL and other software.
  • Each anchor point corresponds to a page module.
  • the anchor point is not a point, but can be a rectangle, triangle, circle, etc., occupying a certain area in the scroll bar area.
  • the embodiment of the present application does not limit the display mode of anchor points.
  • the width of each anchor point is the same as the width of the scroll bar area, each anchor point occupies part of the area in the scroll bar area, and the areas occupied by different anchor points Do not conflict with each other.
  • each page module in the browsing page corresponds to an anchor point
  • multiple anchor points are displayed in the scroll bar area.
  • step S102 may include:
  • the anchor point display area corresponding to the multiple anchor points is determined, and the anchor point display area corresponding to the multiple anchor points is displayed in the scroll bar area. Show multiple anchor points.
  • the anchor points corresponding to each page module are displayed in the scroll bar area, multiple anchor points are determined based on the module display area of the page modules corresponding to the multiple anchor points in the browsing page.
  • the anchor point display area corresponding to each point is displayed, and multiple anchor points are displayed in the scroll bar area according to the anchor point display area corresponding to multiple anchor points.
  • step S102 may include the following steps:
  • step S102 the following steps are further included before step S102:
  • Step 1 Determine the module display data including the anchor point identifier from the module display data corresponding to the multiple page modules, and use the page module corresponding to the determined module display data as a candidate page module;
  • Step 2 Generate anchor point display data corresponding to multiple candidate page modules
  • step S102 may include the following steps:
  • multiple anchor points are displayed in the scroll bar area.
  • the anchor point identifier can be added in advance to the module display data corresponding to the page module.
  • the module display data including the anchor point identifier can be determined from the module display data respectively corresponding to multiple page modules, and the page module corresponding to the determined module display data can be used as a candidate page module to generate multiple candidate page modules respectively.
  • the corresponding anchor points display data.
  • multiple anchor points are displayed in the scroll bar area.
  • the original blank scroll bar can be transformed into a segmented scroll bar with each segment carrying anchor point display data.
  • the module display data can be used to specify the display mode of the page module, and can also be used to specify the attributes of the page module.
  • the same is true for the anchor point display data.
  • the anchor point display data may include the identification information of the corresponding page module (such as title, summary, etc.). In this way, when the anchor point is displayed in the scroll bar area, the user can quickly learn the page module corresponding to each anchor point.
  • multiple anchor points are displayed in the scroll bar area. This can clearly reflect the anchor points corresponding to each page module in the browsing page, making it convenient for users to select anchor points based on the anchor point display data, and then quickly jump to the location of the page module that needs to be displayed.
  • step S102 can be updated to: when the anchor point display conditions are met, display multiple anchor points in the scroll bar area;
  • the method further includes: when the anchor point display condition is not met, stopping the display of the plurality of anchor points in the scroll bar area; wherein the anchor point display condition includes any of the following: The browsing cursor is located in the scroll bar area; the browsing cursor is located in the scroll bar area, and the static duration of the browsing cursor in the scroll bar area reaches a duration threshold.
  • the anchor point display condition for displaying each anchor point in the scroll bar area can be set in advance.
  • the anchor point display condition can be set to the browsing cursor located in the scroll bar area, and the anchor point display condition can also be set to the browsing cursor located at the scroll bar area. bar area, and the browsing cursor remains stationary in the scroll bar area for a duration that reaches the duration threshold.
  • the anchor point selection action When the anchor point selection action is monitored, the currently selected target anchor point is determined.
  • the embodiment of the present application does not limit the anchor point selection action. For example, it may be a contact action, such as a click action or a long press action; it may also be a non-contact action, such as a gesture selection action or a voice selection action.
  • S104 Control the browsing window to display the target page module corresponding to the target anchor point.
  • the browsing window is controlled to display the target page module corresponding to the target anchor point.
  • the browsing page can be controlled to scroll to display the target page module; the browsing page can also be controlled to instantly jump to the target page module, that is, the jump is realized in a non-scrolling manner.
  • the preset anchor point selection method is to select anchor points by clicking, bind a click function to the anchor point in advance, and use the click function to automatically adjust the page to the target page corresponding to the target anchor point according to the bound target anchor point.
  • Module location After determining the currently clicked target anchor point, call the click function pre-bound to the target anchor point, trigger the click function to scroll the page to be displayed to the target page module position corresponding to the target anchor point, thereby quickly jumping to the target page Module location. It achieves precise control over page display content, effectively improves page content search efficiency and improves user experience.
  • the scroll bar area includes a slider area and a non-slider area; while step S104, it also includes: updating the slider area according to the position of the target page module in the multiple page modules. The position in the scroll bar area.
  • the scroll bar area includes a slider area and a non-slider area.
  • the position of the slider area in the scroll bar area usually matches the position of the page module currently displayed in the browsing window among the multiple page modules of the browsing page. Therefore, When controlling the browsing window to display the target page module corresponding to the target anchor point, the position of the slider area in the scroll bar area is also updated based on the position of the target page module in multiple page modules. Through position updating, it is ensured that the position of the slider area conforms to the user's browsing habits, so that the user can subsequently adjust the page module he or she is browsing based on the slider.
  • the scroll bar area by pre-setting the scroll bar area, it is used to display the anchor points generated in advance for each page module included in the browsing page, display the browsing page and the scroll bar area in the browsing window, and in the scroll bar area Display multiple anchor points, and when the anchor point selection action is monitored, the currently selected target anchor point is determined, and then the browsing window is controlled to display the target page module corresponding to the target anchor point.
  • This achieves precise control over the content displayed on the page, and can quickly and clearly jump to the target page module location through the target anchor point, effectively improving the efficiency of page content search and improving the user experience.
  • the embodiments of the present invention also provide corresponding improvement solutions.
  • the same steps or corresponding steps as in the above embodiments may be referred to each other, and the corresponding beneficial effects may also be referred to each other, which will not be described again in the following improved embodiments.
  • Figure 2 is a flow chart of another implementation of a method for displaying page content in an embodiment of the present invention.
  • the method may include the following steps:
  • S201 Display the browsing page and scroll bar area in the browsing window.
  • the browsing window is used to display some of the page modules among the multiple page modules of the browsing page.
  • S202 Determine the index page module among the page modules currently displayed in the browsing window.
  • the index page module is determined among the page modules currently displayed in the browsing window.
  • the indexing rules are determined according to the actual situation. For example, the top page module currently displayed can be used as the index page module, or the middlemost page module currently displayed can be used as the index page module.
  • S203 Display the index anchor point corresponding to the index page module in the slider area, and display an anchor point different from the index anchor point in the non-slider area.
  • the scroll bar area includes a slider area and a non-slider area.
  • the preset scroll bar area includes a slider area and a non-slider area.
  • the index anchor point corresponding to the index page module is displayed in the slider area.
  • An anchor point that is different from the index anchor point is displayed in the block area. In this way, the corresponding relationship between the slider area and the index page module can be effectively expressed.
  • Figure 3a is a schematic diagram of a browsing window in an embodiment of the present invention.
  • the browsing page includes page modules A-D.
  • the browsing window is limited by the display size and can only display some page modules in the browsing page.
  • the dotted line in Figure 3a Part means that it is not currently displayed in the browsing window, that is, the browsing window only displays all of page module A, all of page module B, and part of page module C.
  • the slider area and the non-slider area in Figure 3a together constitute the scroll bar area, and the user can adjust the page module displayed in the browsing window by moving the slider in the slider area.
  • Figure 3b is a schematic diagram of a multi-module page display in an embodiment of the present invention, specifically including three representations of a browsing window, namely (a), (b) and (c).
  • the anchor points corresponding to each page module will be displayed in the scroll bar area, such as the A title, B title, C title and D in (b) Title, A title corresponds to page module A, and so on.
  • page module A is the index page module (here refers to the top page module displayed in the browsing window). Therefore, in the slider area of the scroll bar area Display the index anchor (i.e. A title).
  • the page module B corresponding to the B title will be used as the index page module, that is, the browsing page will be scrolled down so that the page module B is displayed at the top of the browsing window, and at the same time , correspondingly adjust the position of the slider (slider area) in the scroll bar area.
  • Figure 3c is also provided to explain the underlying implementation process of Figure 3b, in which the browsing page is Hyper Text Markup Language (HTML) as an example, but this does not constitute a limitation on the embodiments of the present application.
  • HTML Hyper Text Markup Language
  • content_height>client_height it means that the browsing page contains a lot of content, and the page content cannot be completely displayed in the browsing window.
  • client_height it means that the browsing page contains a lot of content, and the page content cannot be completely displayed in the browsing window.
  • the content will be displayed in the scroll bar area according to All anchor HTML displays the corresponding anchor. If it is monitored that the user clicks on an anchor point, the click event corresponding to the anchor point is triggered, causing the browsing page to scroll to the position of the page module corresponding to the anchor point, so that the page module is displayed in the browsing window. If it detects that the cursor moves out of the scroll bar area, it will stop displaying the anchor point.
  • the present invention also provides a device for displaying page content.
  • the device for displaying page content described below and the method for displaying page content described above may be referenced correspondingly.
  • Figure 4 is a structural block diagram of a device for displaying page content in an embodiment of the present invention.
  • the device may include:
  • the page and scroll bar display unit 41 is used to display the browsing page and the scroll bar area in the browsing window; wherein the browsing window is used to display some of the page modules among the multiple page modules of the browsing page;
  • An anchor point display unit 42 is used to display multiple anchor points in the scroll bar area; wherein each anchor point corresponds to a page module;
  • the anchor point determination unit 43 is used to determine the currently selected target anchor point when the anchor point selection action is monitored;
  • the page module display unit 44 is used to control the browsing window to display the target page module corresponding to the target anchor point.
  • the scroll bar area by pre-setting the scroll bar area, it is used to display the anchor points generated in advance for each page module included in the browsing page, display the browsing page and the scroll bar area in the browsing window, and in the scroll bar area Display multiple anchor points, and when the anchor point selection action is monitored, the currently selected target anchor point is determined, and then the browsing window is controlled to display the target page module corresponding to the target anchor point.
  • This achieves precise control over the content displayed on the page, and can quickly and clearly jump to the target page module location through the target anchor point, effectively improving the efficiency of page content search and improving the user experience.
  • the anchor point display unit 42 is specifically a unit that displays multiple anchor points in the scroll bar area when the anchor point display conditions are met;
  • the device may further include an anchor stop display unit;
  • the anchor point stop display unit is used to stop displaying multiple anchor points in the scroll bar area when the anchor point display conditions are not met;
  • the anchor point display conditions include any of the following:
  • the browsing cursor is located in the scroll bar area
  • the browsing cursor is located in the scroll bar area, and the time the browsing cursor remains stationary in the scroll bar area reaches the duration threshold.
  • the anchor point display unit 42 specifically displays multiple anchor points with the same anchor point display area in the scroll bar area, or displays the browsing page according to the page modules corresponding to the multiple anchor points.
  • the module display area determines the anchor point display area corresponding to multiple anchor points, and displays multiple anchor point units in the scroll bar area based on the anchor point display area corresponding to multiple anchor points.
  • the scroll bar area includes a slider area and a non-slider area;
  • the anchor point display unit 42 specifically determines the index page module among the page modules currently displayed in the browsing window; in the slider area The index anchor point corresponding to the index page module is displayed in , and the unit of the anchor point that is different from the index anchor point is displayed in the non-slider area.
  • the anchor point display unit 42 is specifically a unit that sequentially displays multiple anchor points in the scroll bar area according to the order of the page modules corresponding to the multiple anchor points in the browsing page.
  • the scroll bar area includes a slider area and a non-slider area; the device may also include:
  • the position update unit is used to update the position of the slider area in the scroll bar area according to the position of the target page module in multiple page modules when the browsing window is controlled to display the target page module corresponding to the target anchor point.
  • the device may further include:
  • the candidate page module determination unit is used to determine the module display data including the anchor point identification from the module display data corresponding to the multiple page modules before displaying multiple anchor points in the scroll bar area, and display the determined module
  • the page module corresponding to the data is used as a candidate page module
  • An anchor point display data generation unit is used to generate anchor point display data corresponding to multiple candidate page modules
  • the anchor point display unit 42 is specifically a unit that displays multiple anchor points in the scroll bar area according to anchor point display data corresponding to multiple candidate page modules.
  • Figure 5 is a schematic diagram of a display device for page content provided by the present invention.
  • the device may include:
  • Memory 332 for storing computer programs
  • the processor 322 is configured to implement the steps of the page content display method of the above method embodiment when executing the computer program.
  • Figure 6 is a schematic structural diagram of a display device for page content provided in this embodiment.
  • the display device for page content may vary greatly due to different configurations or performance, and may include processing.
  • Central processing units (CPU) 322 eg, one or more processors
  • memory 332 store one or more computer applications 342 or data 344.
  • the memory 332 may be short-term storage or persistent storage.
  • the program stored in the memory 332 may include one or more modules (not shown in the figure), and each module may include a series of instruction operations on the data processing device.
  • the processor 322 may be configured to communicate with the memory 332 and execute a series of instruction operations in the memory 332 on the display device 301 of the page content.
  • the display device 301 of page content may also include one or more power supplies 326, one or more wired or wireless network interfaces 350, one or more input and output interfaces 358, and/or, one or more operating systems 341.
  • the steps in the page content display method described above may be implemented by the structure of the page content display device.
  • the present invention also provides a computer-readable storage medium.
  • a computer program is stored on the computer-readable storage medium.
  • the following steps can be implemented:
  • the browsing window is used to display some page modules among the multiple page modules of the browsing page; display multiple anchor points in the scroll bar area; wherein, each anchor point corresponds to A page module; when monitoring the anchor point selection action, determine the currently selected target anchor point; control the browsing window to display the target page module corresponding to the target anchor point.
  • the computer-readable storage medium can include: U disk, mobile hard disk, read-only memory (Read-Only Memory, ROM), random access memory (Random Access Memory, RAM), magnetic disk or optical disk, etc., which can store program code medium.
  • the computer program product includes a computer program. When executed by a processor, the computer program can implement the steps of any of the methods for displaying page content as described above.
  • the information including but not limited to user information, device information, etc.
  • data including but not limited to read data, target data, etc.
  • the processing of information and data also complies with relevant laws and regulations.

Landscapes

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

Abstract

一种页面内容的显示方法、装置、设备及可读存储介质，该方法包括以下步骤：在浏览窗口中显示浏览页面以及滚动条区域（S101）；其中，浏览窗口用于显示浏览页面的多个页面模块中的部分页面模块；在滚动条区域中显示多个锚点（S102）；其中，每个锚点对应一个页面模块；当监听到锚点选择动作时，确定当前选中的目标锚点（S103）；控制浏览窗口显示目标锚点对应的目标页面模块（S104）。应用上述的页面内容的显示方法，实现了对页面显示内容的精准控制，有效提高了页面内容查找效率，提升了用户体验。

Description

一种页面内容的显示方法、装置、设备及可读存储介质
本申请要求于2022年03月28日提交中国专利局、申请号为202210311088.3、发明名称为“一种页面内容的显示方法、装置、设备及可读存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本发明涉及显示技术领域，特别是涉及一种页面内容的显示方法、装置、设备及计算机可读存储介质。
背景技术
目前当用户利用浏览器窗口进行网页浏览时，时常会发生由于待显示页面包含的内容较多，页面内容不能一次性显示完全的现象。当页面内容超出显示区域时，需要使用滚动条进行内容位置展示及对页面进行滚动控制。但是当前通过滚动条仅能了解当前显示内容的大概位置，滚动查看不能精准的进行控制，页面内容查找效率低，用户体验差。
发明内容
本发明的目的是提供一种页面内容的显示方法，该方法实现了对页面显示内容的精准控制，有效提高了页面内容查找效率，提升了用户体验；本发明的另一目的是提供一种页面内容的显示装置、设备及计算机可读存储介质。
为解决上述技术问题，本发明提供如下技术方案：
一种页面内容的显示方法，包括：
在浏览窗口中显示浏览页面以及滚动条区域；其中，所述浏览窗口用于显示所述浏览页面的多个页面模块中的部分页面模块；
在所述滚动条区域中显示多个锚点；其中，每个锚点对应一个页面模块；
当监听到锚点选择动作时，确定当前选中的目标锚点；
控制所述浏览窗口显示所述目标锚点对应的目标页面模块。
在本发明的一种具体实施方式中，所述在所述滚动条区域中显示多个锚点，包括：
当满足锚点显示条件时，在所述滚动条区域中显示多个锚点；
所述方法还包括：
当不满足所述锚点显示条件时，在所述滚动条区域中停止显示所述多个锚点；
其中，所述锚点显示条件包括以下任意一种：
浏览光标位于所述滚动条区域；
所述浏览光标位于所述滚动条区域、且所述浏览光标在所述滚动条区域中的静止时长达到时长阈值。
在本发明的一种具体实施方式中，所述在所述滚动条区域中显示多个锚点，包括：
执行以下任意一种处理：
在所述滚动条区域中以相同的锚点显示面积显示多个锚点；
根据所述多个锚点分别对应的页面模块在所述浏览页面中的模块显示面积，确定所述多个锚点分别对应的锚点显示面积，并根据所述多个锚点分别对应的锚点显示面积在所述滚动条区域中显示所述多个锚点。
在本发明的一种具体实施方式中，所述滚动条区域包括滑块区域和非滑块区域；所述在所述滚动条区域中显示多个锚点，包括：
在所述浏览窗口当前显示的页面模块中确定出索引页面模块；
在所述滑块区域中显示所述索引页面模块对应的索引锚点，在所述非滑块区域中显示区别于所述索引锚点的锚点。
在本发明的一种具体实施方式中，所述在所述滚动条区域中显示多个锚点，包括：
根据所述多个锚点分别对应的页面模块在所述浏览页面中的顺序，在所述滚动条区域中依序显示所述多个锚点。
在本发明的一种具体实施方式中，所述滚动条区域包括滑块区域和非滑块区域；当控制所述浏览窗口显示所述目标锚点对应的目标页面模块时， 所述方法还包括：
根据所述目标页面模块在所述多个页面模块中的位置，更新所述滑块区域在所述滚动条区域中的位置。
在本发明的一种具体实施方式中，所述在所述滚动条区域中显示多个锚点之前，所述方法还包括：
在所述多个页面模块分别对应的模块显示数据中确定出包括锚点标识的模块显示数据，并将确定出的模块显示数据对应的页面模块作为候选页面模块；
生成多个候选页面模块分别对应的锚点显示数据；
所述在所述滚动条区域中显示多个锚点，包括：
根据所述多个候选页面模块分别对应的锚点显示数据，在所述滚动条区域中显示多个锚点。
一种页面内容的显示装置，包括：
页面及滚动条显示单元，用于在浏览窗口中显示浏览页面以及滚动条区域；其中，所述浏览窗口用于显示所述浏览页面的多个页面模块中的部分页面模块；
锚点显示单元，用于在所述滚动条区域中显示多个锚点；其中，每个锚点对应一个页面模块；
锚点确定单元，用于当监听到锚点选择动作时，确定当前选中的目标锚点；
页面模块显示单元，用于控制所述浏览窗口显示所述目标锚点对应的目标页面模块。
一种页面内容的显示设备，包括：
存储器，用于存储计算机程序；
处理器，用于执行所述计算机程序时实现如前所述页面内容的显示方法的步骤。
一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如前所述页面内容的显示方法的步骤。
本申请还公开了一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序被处理器执行时实现如前所述页面内容的显示方法的步骤。
本发明所提供的页面内容的显示方法，在浏览窗口中显示浏览页面以及滚动条区域；其中，浏览窗口用于显示浏览页面的多个页面模块中的部分页面模块；在滚动条区域中显示多个锚点；其中，每个锚点对应一个页面模块；当监听到锚点选择动作时，确定当前选中的目标锚点；控制浏览窗口显示目标锚点对应的目标页面模块。
由上述技术方案可知，通过预先设置滚动条区域，用于显示预先分别为浏览页面中包含的各页面模块生成的锚点，在浏览窗口中显示浏览页面以及滚动条区域，并在滚动条区域中显示多个锚点，当监听到锚点选择动作时，确定当前选中的目标锚点，进而控制浏览窗口显示目标锚点对应的目标页面模块。从而实现了对页面显示内容的精准控制，通过目标锚点能够快速明确地跳转到目标页面模块位置，有效提高了页面内容查找效率，提升了用户体验。
相应的，本发明还提供了与上述页面内容的显示方法相对应的页面内容的显示装置、设备和计算机可读存储介质，具有上述技术效果，在此不再赘述。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例中页面内容的显示方法的一种实施流程图；
图2为本发明实施例中页面内容的显示方法的另一种实施流程图；
图3a为本发明实施例中一种浏览窗口的示意图；
图3b为本发明实施例中一种多模块页面显示示意图；
图3c为本发明实施例中一种多模块页面显示的底层实现示意图；
图4为本发明实施例中一种页面内容的显示装置的结构框图；
图5为本发明实施例中一种页面内容的显示设备的结构框图；
图6为本实施例提供的一种页面内容的显示设备的具体结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案，下面结合附图和具体实施方式对本发明作进一步的详细说明。显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
参见图1，图1为本发明实施例中页面内容的显示方法的一种实施流程图，该方法可以包括以下步骤：
S101：在浏览窗口中显示浏览页面以及滚动条区域。
其中，浏览窗口用于显示浏览页面的多个页面模块中的部分页面模块。
一个浏览页面一般由多个页面模块构成，浏览窗口一次性仅能显示浏览页面的多个页面模块中的部分页面模块，预先设置用于对浏览页面需要显示的页面模块进行选择的滚动条区域。当存在待显示的浏览页面时，在浏览窗口中显示浏览页面以及滚动条区域，即显示浏览页面的部分页面模块和滚动条区域。
浏览窗口可以是在线访问网络所得到的窗口，如浏览器窗口，也可以是离线窗口，如WORD、EXCEL等软件的显示窗口。
S102：在滚动条区域中显示多个锚点。
其中，每个锚点对应一个页面模块，其中，锚点并非是一个点，可以是矩形、三角形、圆形等形状，在滚动条区域中占有一定区域。本申请实施例对锚点的显示方式不做限定，例如每个锚点的宽度与滚动条区域的宽度相同，每个锚点在滚动条区域中占有部分区域，且不同锚点所占有的区域互不冲突。
预先设置显示浏览页面中每个页面模块分别对应一个锚点，在滚动条 区域中显示多个锚点。通过设置锚点与页面模块的一一对应关系，方便后续通过锚点选取方式选择相应的页面模块进行显示。
在本发明的一种具体实施方式中，步骤S102可以包括：
执行以下任意一种处理：
在滚动条区域中以相同的锚点显示面积显示多个锚点；
根据多个锚点分别对应的页面模块在浏览页面中的模块显示面积，确定多个锚点分别对应的锚点显示面积，并根据多个锚点分别对应的锚点显示面积在滚动条区域中显示多个锚点。
可以预先设置每个页面模块对应锚点占滚动条区域的面积比例相同，即滚动条区域按照锚点个数进行均分，当在滚动条区域中对每个页面模块对应锚点进行显示时，在滚动条区域中以相同的锚点显示面积显示多个锚点。通过设置各锚点在滚动条区域中以相同的锚点显示面积进行显示，保证了各页面模块对应的锚点分别在滚动条区域中占有均分后的锚点显示面积，方便通过选择锚点进行页面模块的显示切换。
还可以预先设置页面模块在浏览页面中的模块显示面积与锚点的锚点显示面积之间的对应关系，如可以设置页面模块在浏览页面中的模块显示面积与该页面模块对应的锚点在滚动条区域中的面积呈正相关，当在滚动条区域中对每个页面模块对应锚点进行显示时，根据多个锚点分别对应的页面模块在浏览页面中的模块显示面积，确定多个锚点分别对应的锚点显示面积，并根据多个锚点分别对应的锚点显示面积在滚动条区域中显示多个锚点。通过预先设置页面模块在浏览页面中的模块显示面积与锚点的锚点显示面积之间的比例关系，方便用户通过锚点显示面积预知该锚点对应的页面模块的模块显示面积，即有助于用户快速查找需要浏览的页面模块。
在本发明的一种具体实施方式中，步骤S102可以包括以下步骤：
根据多个锚点分别对应的页面模块在浏览页面中的顺序，在滚动条区域中依序显示多个锚点。
预先设置页面模块在浏览页面中的顺序与锚点在滚动条区域中排列顺序的对应关系。当在滚动条区域中显示多个锚点时，根据多个锚点分别对应的页面模块在浏览页面中的顺序，在滚动条区域中依序显示多个锚点。 从而方便通过按照滚动条区域中各锚点原有排列顺序选择锚点对浏览页面中各页面模块进行依次显示。
在本发明的一种具体实施方式中，在步骤S102之前还包括以下步骤：
步骤一：在多个页面模块分别对应的模块显示数据中确定出包括锚点标识的模块显示数据，并将确定出的模块显示数据对应的页面模块作为候选页面模块；
步骤二：生成多个候选页面模块分别对应的锚点显示数据；
相应地，步骤S102可以包括以下步骤：
根据多个候选页面模块分别对应的锚点显示数据，在滚动条区域中显示多个锚点。
为方便描述，可以将上述几个步骤结合起来进行说明。
对于需要显示锚点的页面模块(可以是浏览页面中的全部页面模块或部分页面模块)，可以预先在页面模块对应的模块显示数据中添加锚点标识。如此，可以在多个页面模块分别对应的模块显示数据中确定出包括锚点标识的模块显示数据，并将确定出的模块显示数据对应的页面模块作为候选页面模块，生成多个候选页面模块分别对应的锚点显示数据。根据多个候选页面模块分别对应的锚点显示数据，在滚动条区域中显示多个锚点。如可以将原有的空白滚动条变换为分段可选的且每段均携带有锚点显示数据的滚动条。其中，模块显示数据可以用于规定页面模块的显示方式，还可以用于规定页面模块的属性，锚点显示数据同理。锚点显示数据可以包括对应的页面模块的标识信息(如标题、摘要等)，如此，在滚动条区域中显示锚点时，用户可以快速获知各个锚点对应的页面模块。
根据多个候选页面模块分别对应的锚点显示数据，在滚动条区域中显示多个锚点。从而能够清楚地反应出浏览页面中各页面模块分别对应的锚点，方便用户根据锚点显示数据对锚点进行选择，进而快速跳转到需要显示的页面模块位置。
在本发明的一种具体实施方式中，步骤S102可以更新为：当满足锚点显示条件时，在所述滚动条区域中显示多个锚点；
在任意步骤之间，还包括：当不满足所述锚点显示条件时，在所述滚 动条区域中停止显示所述多个锚点；其中，所述锚点显示条件包括以下任意一种：浏览光标位于所述滚动条区域；所述浏览光标位于所述滚动条区域、且所述浏览光标在所述滚动条区域中的静止时长达到时长阈值。
这里，可以预先设置对滚动条区域中各锚点进行显示的锚点显示条件，如可以将锚点显示条件设置为浏览光标位于滚动条区域，还可以将锚点显示条件设置为浏览光标位于滚动条区域、且浏览光标在滚动条区域中的静止时长达到时长阈值。
当满足锚点显示条件时，在所述滚动条区域中显示多个锚点；当不满足所述锚点显示条件时，在所述滚动条区域中停止显示所述多个锚点。如此，能够保证显示锚点的必要性，正确识别用户的意图，减少对用户的干扰，同时也能够节省计算资源。
S103：当监听到锚点选择动作时，确定当前选中的目标锚点。
在滚动条区域中显示多个锚点之后，监听是否存在锚点选择动作，当监听到锚点选择动作时，确定当前选中的目标锚点。本申请实施例对锚点选择动作不做限定，例如可以是接触式动作，如点击动作、长按动作；也可以是非接触式动作，如手势选择动作、语音选择动作。如可以监听是否存在鼠标点击锚点动作，当监听到鼠标点击锚点动作时，说明存在对锚点的选择动作，确定当前点击的目标锚点。
S104：控制浏览窗口显示目标锚点对应的目标页面模块。
在确定出当前选中的目标锚点之后，说明当前需要对目标锚点对应的页面模块进行显示，控制浏览窗口显示目标锚点对应的目标页面模块。其中，可以控制浏览页面进行滚动，以显示目标页面模块；也可以控制浏览页面瞬间跳转至目标页面模块，即以非滚动的方式实现跳转。
如当预先设置的锚点选择方式是通过点击进行锚点选取时，预先为锚点绑定点击函数，利用点击函数可以根据绑定的目标锚点将页面自动调整到目标锚点对应的目标页面模块位置。在确定出当前点击的目标锚点之后，调取与目标锚点预绑定的点击函数，触发点击函数将待显示页面滚动至目标锚点对应的目标页面模块位置，从而快速跳转至目标页面模块位置。实现了对页面显示内容的精准控制，有效提高了页面内容查找效率，提升了 用户体验。
在本发明的一种具体实施方式中，滚动条区域包括滑块区域和非滑块区域；在步骤S104的同时，还包括：根据目标页面模块在多个页面模块中的位置，更新滑块区域在滚动条区域中的位置。
这里，滚动条区域包括滑块区域和非滑块区域，滑块区域在滚动条区域中的位置通常与浏览窗口当前显示的页面模块在浏览页面的多个页面模块中的位置相匹配，因此，在控制浏览窗口显示目标锚点对应的目标页面模块时，还根据目标页面模块在多个页面模块中的位置，更新滑块区域在滚动条区域中的位置。通过位置更新的方式，保证滑块区域的位置符合用户的浏览习惯，以便于用户后续根据滑块来调整所浏览的页面模块。
由上述技术方案可知，通过预先设置滚动条区域，用于显示预先分别为浏览页面中包含的各页面模块生成的锚点，在浏览窗口中显示浏览页面以及滚动条区域，并在滚动条区域中显示多个锚点，当监听到锚点选择动作时，确定当前选中的目标锚点，进而控制浏览窗口显示目标锚点对应的目标页面模块。从而实现了对页面显示内容的精准控制，通过目标锚点能够快速明确地跳转到目标页面模块位置，有效提高了页面内容查找效率，提升了用户体验。
需要说明的是，基于上述实施例，本发明实施例还提供了相应的改进方案。在后续实施例中涉及与上述实施例中相同步骤或相应步骤之间可相互参考，相应的有益效果也可相互参照，在下文的改进实施例中不再一一赘述。
参见图2，图2为本发明实施例中页面内容的显示方法的另一种实施流程图，该方法可以包括以下步骤：
S201：在浏览窗口中显示浏览页面以及滚动条区域。
其中，浏览窗口用于显示浏览页面的多个页面模块中的部分页面模块。
S202：在浏览窗口当前显示的页面模块中确定出索引页面模块。
在浏览窗口当前显示的页面模块中确定出索引页面模块。索引规则根 据实际情况而定，例如，可以将当前显示的最上面的一个页面模块作为索引页面模块，也可以将当前显示的最中间的一个页面模块作为索引页面模块。
S203：在滑块区域中显示索引页面模块对应的索引锚点，在非滑块区域中显示区别于索引锚点的锚点。
其中，滚动条区域包括滑块区域和非滑块区域。
预先设置滚动条区域包括滑块区域和非滑块区域，当在浏览窗口当前显示的页面模块中确定出索引页面模块时，在滑块区域中显示索引页面模块对应的索引锚点，在非滑块区域中显示区别于索引锚点的锚点，如此，可以有效表示滑块区域与索引页面模块之间的对应关系。
S204：当监听到锚点选择动作时，确定当前选中的目标锚点。
S205：控制浏览窗口显示目标锚点对应的目标页面模块。
参见图3a，图3a为本发明实施例中一种浏览窗口的示意图，浏览页面包括页面模块A-D，浏览窗口受限于显示尺寸，只能显示浏览页面中的部分页面模块，图3a中的虚线部分表示当前未显示在浏览窗口中，即浏览窗口仅显示页面模块A的全部、页面模块B的全部以及页面模块C的部分。图3a中的滑块区域和非滑块区域共同构成了滚动条区域，用户可通过移动滑块区域中的滑块来调整浏览窗口所显示的页面模块。
参见图3b，图3b为本发明实施例中一种多模块页面显示示意图，具体包括浏览窗口的3种表现形式，分别为(a)、(b)和(c)。在(a)的基础上，如果将光标悬停于滚动条区域中，则在滚动条区域中显示各页面模块对应的锚点，如(b)中的A标题、B标题、C标题及D标题，A标题对应页面模块A，以此类推，其中，页面模块A为索引页面模块(这里是指浏览窗口中显示的最上面的一个页面模块)，因此，在滚动条区域的滑块区域中显示索引锚点(即A标题)。在(b)的基础上，若用户执行了点击操作，则将B标题对应的页面模块B作为索引页面模块，即浏览页面向下滚动，以使页面模块B显示于浏览窗口的最上面，同时，对应调整滑块(滑块区域)在滚动条区域中的位置。
为了便于理解，还提供了图3c，以解释图3b的底层实现过程，其中， 以浏览页面为超文本标记语言(Hyper Text Markup Language，HTML)举例，但这并不构成对本申请实施例的限定。对于浏览页面的开发人员来说，可以在需要生成锚点的页面模块对应的HTML元素(即模块显示数据)中添加class、id进行标记，例如<h2class＝’anchor’id＝’锚点’>锚点</h2>，其中，class＝’anchor’对应上文的锚点标识。如此，终端设备在打开浏览窗口后，确定需要显示的浏览页面中所有包含class＝’anchor’的HTML元素，并生成相应的锚点数组:[{name:‘锚点1’,id:‘锚点1’},{name:‘锚点2’,id:’锚点’}...],根据数组数据，生成每个页面模块相应的锚点HTML(对应上文的锚点显示数据)，每个锚点HTML绑定点击事件(或称点击函数)，锚点HTML默认隐藏，即默认不显示对应的锚点。然后，终端设备监听浏览窗口视图高度client_height以及浏览页面视图高度content_height，并将client_height与content_height进行比较。
若content_height<＝client_height，则说明浏览窗口能够完整地显示浏览页面，故可以继续隐藏锚点HTML，在该情况下，就算光标悬停于滚动条区域，也不触发锚点的显示。
若content_height>client_height，则说明浏览页面包含的内容较多，页面内容不能完全地显示于浏览窗口中，在该情况下，若检测到光标悬停至滚动条区域中，则在滚动条区域中根据所有的锚点HTML显示对应的锚点。若监听到用户点击某一锚点时，则触发该锚点对应的点击事件，使浏览页面滚动至该锚点对应的页面模块的位置，以使该页面模块在浏览窗口中显示。若监听到光标移出滚动条区域，则停止显示锚点。
相应于上面的方法实施例，本发明还提供了一种页面内容的显示装置，下文描述的页面内容的显示装置与上文描述的页面内容的显示方法可相互对应参照。
参见图4，图4为本发明实施例中一种页面内容的显示装置的结构框图，该装置可以包括：
页面及滚动条显示单元41，用于在浏览窗口中显示浏览页面以及滚动 条区域；其中，浏览窗口用于显示浏览页面的多个页面模块中的部分页面模块；
锚点显示单元42，用于在滚动条区域中显示多个锚点；其中，每个锚点对应一个页面模块；
锚点确定单元43，用于当监听到锚点选择动作时，确定当前选中的目标锚点；
页面模块显示单元44，用于控制浏览窗口显示目标锚点对应的目标页面模块。
由上述技术方案可知，通过预先设置滚动条区域，用于显示预先分别为浏览页面中包含的各页面模块生成的锚点，在浏览窗口中显示浏览页面以及滚动条区域，并在滚动条区域中显示多个锚点，当监听到锚点选择动作时，确定当前选中的目标锚点，进而控制浏览窗口显示目标锚点对应的目标页面模块。从而实现了对页面显示内容的精准控制，通过目标锚点能够快速明确地跳转到目标页面模块位置，有效提高了页面内容查找效率，提升了用户体验。
在本发明的一种具体实施方式中，锚点显示单元42具体为当满足锚点显示条件时，在滚动条区域中显示多个锚点的单元；
该装置还可以包括锚点停止显示单元；
锚点停止显示单元，用于当不满足锚点显示条件时，在滚动条区域中停止显示多个锚点；
其中，锚点显示条件包括以下任意一种：
浏览光标位于滚动条区域；
浏览光标位于滚动条区域、且浏览光标在滚动条区域中的静止时长达到时长阈值。
在本发明的一种具体实施方式中，锚点显示单元42具体为在滚动条区域中以相同的锚点显示面积显示多个锚点，或者根据多个锚点分别对应的页面模块在浏览页面中的模块显示面积，确定多个锚点分别对应的锚点显示面积，并根据多个锚点分别对应的锚点显示面积在滚动条区域中显示多 个锚点的单元。
在本发明的一种具体实施方式中，滚动条区域包括滑块区域和非滑块区域；锚点显示单元42具体为在浏览窗口当前显示的页面模块中确定出索引页面模块；在滑块区域中显示索引页面模块对应的索引锚点，在非滑块区域中显示区别于索引锚点的锚点的单元。
在本发明的一种具体实施方式中，锚点显示单元42具体为根据多个锚点分别对应的页面模块在浏览页面中的顺序，在滚动条区域中依序显示多个锚点的单元。
在本发明的一种具体实施方式中，滚动条区域包括滑块区域和非滑块区域；该装置还可以包括：
位置更新单元，用于当控制浏览窗口显示目标锚点对应的目标页面模块时，根据目标页面模块在多个页面模块中的位置，更新滑块区域在滚动条区域中的位置。
在本发明的一种具体实施方式中，该装置还可以包括：
候选页面模块确定单元，用于在滚动条区域中显示多个锚点之前，在多个页面模块分别对应的模块显示数据中确定出包括锚点标识的模块显示数据，并将确定出的模块显示数据对应的页面模块作为候选页面模块；
锚点显示数据生成单元，用于生成多个候选页面模块分别对应的锚点显示数据；
锚点显示单元42具体为根据多个候选页面模块分别对应的锚点显示数据，在滚动条区域中显示多个锚点的单元。
相应于上面的方法实施例，参见图5，图5为本发明所提供的页面内容的显示设备的示意图，该设备可以包括：
存储器332，用于存储计算机程序；
处理器322，用于执行计算机程序时实现上述方法实施例的页面内容的显示方法的步骤。
具体的，请参考图6，图6为本实施例提供的一种页面内容的显示设备的具体结构示意图，该页面内容的显示设备可因配置或性能不同而产生比 较大的差异，可以包括处理器(central processing units，CPU)322(例如，一个或一个以上处理器)和存储器332，存储器332存储有一个或一个以上的计算机应用程序342或数据344。其中，存储器332可以是短暂存储或持久存储。存储在存储器332的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对数据处理设备中的一系列指令操作。更进一步地，处理器322可以设置为与存储器332通信，在页面内容的显示设备301上执行存储器332中的一系列指令操作。
页面内容的显示设备301还可以包括一个或一个以上电源326，一个或一个以上有线或无线网络接口350，一个或一个以上输入输出接口358，和/或，一个或一个以上操作系统341。
上文所描述的页面内容的显示方法中的步骤可以由页面内容的显示设备的结构实现。
相应于上面的方法实施例，本发明还提供一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，计算机程序被处理器执行时可实现如下步骤：
在浏览窗口中显示浏览页面以及滚动条区域；其中，浏览窗口用于显示浏览页面的多个页面模块中的部分页面模块；在滚动条区域中显示多个锚点；其中，每个锚点对应一个页面模块；当监听到锚点选择动作时，确定当前选中的目标锚点；控制浏览窗口显示目标锚点对应的目标页面模块。
该计算机可读存储介质可以包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
对于本发明提供的计算机可读存储介质的介绍请参照上述方法实施例，本发明在此不做赘述。
本申请还提供了一种计算机程序产品，该计算机程序产品包括计算机程序，该计算机程序被处理器执行时可以实现如上所述的任一种页面内容的显示方法的步骤。
需要说明的是，本申请实施例所涉及的信息(包括但不限于用户信息、设备信息等)和数据(包括但不限于读取数据、目标数据等)，均为经用户授权或者经过各方充分授权的信息和数据，信息和数据的处理过程也符合相关法律法规的规定。
本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似部分互相参见即可。对于实施例公开的装置、设备及计算机可读存储介质而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。
本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的技术方案及其核心思想。应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以对本发明进行若干改进和修饰，这些改进和修饰也落入本发明权利要求的保护范围内。

Claims (10)

  1. 一种页面内容的显示方法，其特征在于，包括：
    在浏览窗口中显示浏览页面以及滚动条区域；其中，所述浏览窗口用于显示所述浏览页面的多个页面模块中的部分页面模块；
    在所述滚动条区域中显示多个锚点；其中，每个锚点对应一个页面模块；
    当监听到锚点选择动作时，确定当前选中的目标锚点；
    控制所述浏览窗口显示所述目标锚点对应的目标页面模块。
  2. 根据权利要求1所述的页面内容的显示方法，其特征在于，所述在所述滚动条区域中显示多个锚点，包括：
    当满足锚点显示条件时，在所述滚动条区域中显示多个锚点；
    所述方法还包括：
    当不满足所述锚点显示条件时，在所述滚动条区域中停止显示所述多个锚点；
    其中，所述锚点显示条件包括以下任意一种：
    浏览光标位于所述滚动条区域；
    所述浏览光标位于所述滚动条区域、且所述浏览光标在所述滚动条区域中的静止时长达到时长阈值。
  3. 根据权利要求1所述的页面内容的显示方法，其特征在于，所述在所述滚动条区域中显示多个锚点，包括：
    执行以下任意一种处理：
    在所述滚动条区域中以相同的锚点显示面积显示多个锚点；
    根据所述多个锚点分别对应的页面模块在所述浏览页面中的模块显示面积，确定所述多个锚点分别对应的锚点显示面积，并根据所述多个锚点分别对应的锚点显示面积在所述滚动条区域中显示所述多个锚点。
  4. 根据权利要求1所述的页面内容的显示方法，其特征在于，所述滚动条区域包括滑块区域和非滑块区域；所述在所述滚动条区域中显示多个锚点，包括：
    在所述浏览窗口当前显示的页面模块中确定出索引页面模块；
    在所述滑块区域中显示所述索引页面模块对应的索引锚点，在所述非滑块区域中显示区别于所述索引锚点的锚点。
  5. 根据权利要求1所述的页面内容的显示方法，其特征在于，所述在所述滚动条区域中显示多个锚点，包括：
    根据所述多个锚点分别对应的页面模块在所述浏览页面中的顺序，在所述滚动条区域中依序显示所述多个锚点。
  6. 根据权利要求1所述的页面内容的显示方法，其特征在于，所述滚动条区域包括滑块区域和非滑块区域；当控制所述浏览窗口显示所述目标锚点对应的目标页面模块时，所述方法还包括：
    根据所述目标页面模块在所述多个页面模块中的位置，更新所述滑块区域在所述滚动条区域中的位置。
  7. 根据权利要求1至6任一项所述的页面内容的显示方法，其特征在于，所述在所述滚动条区域中显示多个锚点之前，所述方法还包括：
    在所述多个页面模块分别对应的模块显示数据中确定出包括锚点标识的模块显示数据，并将确定出的模块显示数据对应的页面模块作为候选页面模块；
    生成多个候选页面模块分别对应的锚点显示数据；
    所述在所述滚动条区域中显示多个锚点，包括：
    根据所述多个候选页面模块分别对应的锚点显示数据，在所述滚动条区域中显示多个锚点。
  8. 一种页面内容的显示装置，其特征在于，包括：
    页面及滚动条显示单元，用于在浏览窗口中显示浏览页面以及滚动条区域；其中，所述浏览窗口用于显示所述浏览页面的多个页面模块中的部分页面模块；
    锚点显示单元，用于在所述滚动条区域中显示多个锚点；其中，每个锚点对应一个页面模块；
    锚点确定单元，用于当监听到锚点选择动作时，确定当前选中的目标锚点；
    页面模块显示单元，用于控制所述浏览窗口显示所述目标锚点对应的 目标页面模块。
  9. 一种页面内容的显示设备，其特征在于，包括：
    存储器，用于存储计算机程序；
    处理器，用于执行所述计算机程序时实现如权利要求1至7任一项所述页面内容的显示方法的步骤。
  10. 一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述页面内容的显示方法的步骤。
PCT/CN2022/133102 2022-03-28 2022-11-21 一种页面内容的显示方法、装置、设备及可读存储介质 WO2023185012A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210311088.3A CN114661200A (zh) 2022-03-28 2022-03-28 一种页面内容的显示方法、装置、设备及可读存储介质
CN202210311088.3 2022-03-28

Publications (1)

Publication Number Publication Date
WO2023185012A1 true WO2023185012A1 (zh) 2023-10-05

Family

ID=82032589

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/133102 WO2023185012A1 (zh) 2022-03-28 2022-11-21 一种页面内容的显示方法、装置、设备及可读存储介质

Country Status (2)

Country Link
CN (1) CN114661200A (zh)
WO (1) WO2023185012A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114661200A (zh) * 2022-03-28 2022-06-24 金蝶软件（中国）有限公司 一种页面内容的显示方法、装置、设备及可读存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150261770A1 (en) * 2012-11-29 2015-09-17 Tencent Technology (Shenzhen) Company Limited Page loading method and system, and computer-readable storage medium
CN105404647A (zh) * 2015-10-28 2016-03-16 百度在线网络技术（北京）有限公司 一种页面内容的定位方法及装置
CN108108377A (zh) * 2016-11-24 2018-06-01 广州市动景计算机科技有限公司 浏览器页面跳转方法、装置及终端设备
CN109948101A (zh) * 2019-03-21 2019-06-28 Oppo广东移动通信有限公司 页面切换方法、装置、存储介质及电子设备
CN114661200A (zh) * 2022-03-28 2022-06-24 金蝶软件（中国）有限公司 一种页面内容的显示方法、装置、设备及可读存储介质

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5506951A (en) * 1994-03-01 1996-04-09 Ishikawa; Hiroshi Scroll bar with jump tags
US20060184901A1 (en) * 2005-02-15 2006-08-17 Microsoft Corporation Computer content navigation tools
CN104050184B (zh) * 2013-03-13 2017-08-22 阿里巴巴集团控股有限公司 显示页面内容的方法及装置
CN110647272A (zh) * 2018-06-26 2020-01-03 阿里巴巴集团控股有限公司 一种显示控制方法及装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150261770A1 (en) * 2012-11-29 2015-09-17 Tencent Technology (Shenzhen) Company Limited Page loading method and system, and computer-readable storage medium
CN105404647A (zh) * 2015-10-28 2016-03-16 百度在线网络技术（北京）有限公司 一种页面内容的定位方法及装置
CN108108377A (zh) * 2016-11-24 2018-06-01 广州市动景计算机科技有限公司 浏览器页面跳转方法、装置及终端设备
CN109948101A (zh) * 2019-03-21 2019-06-28 Oppo广东移动通信有限公司 页面切换方法、装置、存储介质及电子设备
CN114661200A (zh) * 2022-03-28 2022-06-24 金蝶软件（中国）有限公司 一种页面内容的显示方法、装置、设备及可读存储介质

Also Published As

Publication number Publication date
CN114661200A (zh) 2022-06-24

Similar Documents

Publication Publication Date Title
US10417297B2 (en) Webpage loading method and system
US8191007B1 (en) Organizing a browser environment
US9756140B2 (en) Tracking user behavior relative to a network page
US8966404B2 (en) Hierarchy-indicating graphical user interface for discussion threads
US20150193395A1 (en) Predictive link pre-loading
US20130125061A1 (en) Efficient Navigation Of Hierarchical Data Displayed In A Graphical User Interface
US20120287039A1 (en) User interface for application selection and action control
US20140049498A1 (en) Method and mobile terminal device for image operation
US9026931B2 (en) Cross-browser “drag-and-drop” library
KR20150087200A (ko) 웹 브라우저에 있는 정보 관리 및 디스플레이
JP2004152169A (ja) ウィンドウ切替装置及びウィンドウ切替プログラム
US8788927B2 (en) System and method for displaying web page content
US20100241958A1 (en) Method and system to manage and prioritize windows based on touch strip inputs
US10853152B2 (en) Touch application programming interfaces
WO2014032589A1 (en) Window switching method and apparatus
WO2023185012A1 (zh) 一种页面内容的显示方法、装置、设备及可读存储介质
CN110992112A (zh) 广告信息的处理方法和装置
US10579227B1 (en) Identifying missed interactions
CN103870191A (zh) 网页保存的方法及电子设备
CN116048691A (zh) 资源展示方法、装置、电子设备及存储介质
US10719206B1 (en) Measuring unresponsive interactions
US9485330B2 (en) Web browser operation method and system
PH12015500034B1 (en) A web browser operation method and system
US20140129927A1 (en) Page browsing method and browser
US20220179532A1 (en) Method and device for responding to user operation

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

Country of ref document: EP

Kind code of ref document: A1