CN114661200A - Page content display method, device, equipment and readable storage medium - Google Patents
Page content display method, device, equipment and readable storage medium Download PDFInfo
- Publication number
- CN114661200A CN114661200A CN202210311088.3A CN202210311088A CN114661200A CN 114661200 A CN114661200 A CN 114661200A CN 202210311088 A CN202210311088 A CN 202210311088A CN 114661200 A CN114661200 A CN 114661200A
- Authority
- CN
- China
- Prior art keywords
- page
- displaying
- anchor point
- area
- anchor
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 56
- 230000009471 action Effects 0.000 claims abstract description 26
- 238000004590 computer program Methods 0.000 claims description 15
- 230000008569 process Effects 0.000 claims description 4
- 230000003068 static effect Effects 0.000 claims description 4
- 230000000694 effects Effects 0.000 abstract description 3
- 230000000875 corresponding effect Effects 0.000 description 83
- 238000010586 diagram Methods 0.000 description 11
- 230000001276 controlling effect Effects 0.000 description 7
- 230000006870 function Effects 0.000 description 5
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000004883 computer application Methods 0.000 description 1
- 230000002596 correlated effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
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
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
The invention discloses a method for displaying page contents, which comprises the following steps: displaying a browsing page and a scroll bar area in a browsing window; the browsing window is used for displaying part of page modules in the multiple page modules of the browsing page; displaying a plurality of anchor points in a scroll bar area; each anchor point corresponds to one page module; when anchor point selection action is monitored, determining a currently selected target anchor point; and controlling the browsing window to display a target page module corresponding to the target anchor point. By applying the page content display method provided by the invention, the accurate control of the page display content is realized, the page content searching efficiency is effectively improved, and the user experience is improved. The invention also discloses a display device, equipment and a storage medium of the page content, and the display device, the equipment and the storage medium have corresponding technical effects.
Description
Technical Field
The present invention relates to the field of display technologies, and in particular, to a method, an apparatus, a device, and a computer-readable storage medium for displaying page content.
Background
At present, when a user browses a webpage by using a browser window, the phenomenon that the content of the webpage cannot be completely displayed at one time often occurs because the content of the webpage to be displayed is more. When the content of the page exceeds the display area, the scroll bar is needed to display the content position and perform scroll control on the page. However, only the approximate position of the currently displayed content can be known through the scroll bar, scrolling and checking cannot be accurately controlled, the page content searching efficiency is low, and the user experience is poor.
Disclosure of Invention
The invention aims to provide a method for displaying page content, which realizes the accurate control of the page display content, effectively improves the efficiency of searching the page content and improves the user experience; another object of the present invention is to provide a display device, an apparatus and a computer readable storage medium for page contents.
In order to solve the technical problems, the invention provides the following technical scheme:
a display method of page content comprises the following steps:
displaying a browsing page and a scroll bar area in a browsing window; the browsing window is used for displaying a part of page modules in a plurality of page modules of the browsing page;
displaying a plurality of anchor points in the scrollbar area; each anchor point corresponds to one page module;
when anchor point selection action is monitored, determining a currently selected target anchor point;
and controlling the browsing window to display a target page module corresponding to the target anchor point.
In an embodiment of the present invention, the displaying a plurality of anchor points in the scroll bar area includes:
displaying a plurality of anchor points in the scroll bar area when an anchor point display condition is satisfied;
the method further comprises the following steps:
stopping displaying the plurality of anchor points in the scrollbar area when the anchor point display condition is not satisfied;
wherein the anchor point display condition includes any one of:
the browsing cursor is positioned 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.
In an embodiment of the present invention, the displaying a plurality of anchor points in the scroll bar area includes:
any one of the following processes is performed:
displaying a plurality of anchor points in the scroll bar region with the same anchor point display area;
and determining anchor point display areas corresponding to the anchor points according to the module display areas of the page modules corresponding to the anchor points in the browsed page, and displaying the anchor points in the scroll bar area according to the anchor point display areas corresponding to the anchor points.
In one embodiment of the present invention, the scrollbar area comprises a slider area and a non-slider area; the displaying a plurality of anchor points in the scrollbar area comprising:
determining an index page module in the currently displayed page modules of the browsing window;
and displaying the index anchor point corresponding to the index page module in the slider area, and displaying the anchor point different from the index anchor point in the non-slider area.
In an embodiment of the present invention, the displaying a plurality of anchor points in the scroll bar area includes:
and sequentially displaying the anchors in the scroll bar area according to the sequence of the page modules respectively corresponding to the anchors in the browsed page.
In one embodiment of the present invention, the scroll bar region includes a slider region and a non-slider region; when the browsing window is controlled to display a target page module corresponding to the target anchor point, the method further comprises:
updating the position of the slider region in the scrollbar region in accordance with the position of the target page module in the plurality of page modules.
In a specific embodiment of the present invention, before displaying the anchor points in the scroll bar area, the method further includes:
determining module display data comprising anchor point identification in module display data respectively corresponding to the plurality of page modules, and taking the page module corresponding to the determined module display data as a candidate page module;
generating anchor point display data corresponding to the candidate page modules respectively;
the displaying a plurality of anchor points in the scrollbar area comprising:
and displaying a plurality of anchors in the scroll bar area according to the anchor display data respectively corresponding to the candidate page modules.
A display device of page content, comprising:
the page and scroll bar display unit is used for displaying a browsing page and a scroll bar area in a browsing window; the browsing window is used for displaying a part of page modules in a plurality of page modules of the browsing page;
an anchor point display unit for displaying a plurality of anchor points in the scroll bar region; each anchor point corresponds to one page module;
the anchor point determining unit is used for determining the currently selected target anchor point when the anchor point selecting action is monitored;
and the page module display unit is used for controlling the browsing window to display the target page module corresponding to the target anchor point.
A display device of page content, comprising:
a memory for storing a computer program;
a processor for implementing the steps of the method for displaying page content as described above when executing the computer program.
A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the steps of the method for displaying page content as set forth above.
The present application also discloses a computer program product comprising a computer program which, when executed by a processor, implements the steps of the method for displaying page content as described above.
The invention provides a method for displaying page content, which comprises the steps of displaying a browsing page and a scroll bar area in a browsing window; the browsing window is used for displaying part of page modules in the multiple page modules of the browsing page; displaying a plurality of anchor points in a scroll bar area; each anchor point corresponds to one page module; when anchor point selection action is monitored, determining a currently selected target anchor point; and controlling the browsing window to display a target page module corresponding to the target anchor point.
According to the technical scheme, the anchor points which are respectively generated for each page module contained in the browsing page in advance are displayed by presetting the scroll bar area, the browsing page and the scroll bar area are displayed in the browsing window, the anchor points are displayed in the scroll bar area, 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. Therefore, accurate control over page display content is achieved, the target page module can be rapidly and definitely jumped to through the target anchor point, the page content searching efficiency is effectively improved, and the user experience is improved.
Correspondingly, the invention also provides a display device, equipment and a computer readable storage medium of the page content corresponding to the display method of the page content, which have the technical effects and are not described herein again.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
FIG. 1 is a flowchart illustrating an implementation of a method for displaying page content according to an embodiment of the present invention;
FIG. 2 is a flowchart illustrating another embodiment of a method for displaying page content according to the present invention;
FIG. 3a is a diagram illustrating a browse window according to an embodiment of the present invention;
FIG. 3b is a schematic diagram illustrating a multi-module page display according to an embodiment of the present invention;
FIG. 3c is a schematic diagram of a bottom implementation of a multi-module page display according to an embodiment of the present invention;
FIG. 4 is a block diagram of a display device for displaying page contents according to an embodiment of the present invention;
FIG. 5 is a block diagram of a display device for displaying page content according to an embodiment of the present invention;
fig. 6 is a schematic structural diagram of a display device of page content according to this embodiment.
Detailed Description
In order that those skilled in the art will better understand the disclosure, the invention will be described in further detail with reference to the accompanying drawings and specific embodiments. It is to be understood that the described embodiments are merely exemplary of the invention, and not restrictive of the full scope of the invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
Referring to fig. 1, fig. 1 is a flowchart of an implementation of a method for displaying page content according to an embodiment of the present invention, where the method may include the following steps:
s101: and displaying the browsing page and the scroll bar area in the browsing window.
The browsing window is used for displaying part of page modules in the plurality of page modules of the browsing page.
One browsing page generally consists of a plurality of page modules, a browsing window can only display part of the page modules of the browsing page at one time, and a scroll bar area for selecting the page modules to be displayed of the browsing page is preset. When a browsing page to be displayed exists, the browsing page and a scroll bar area, namely a part of page modules and a part of scroll bar area of the browsing page are displayed in a browsing window.
The browsing window can be a window obtained by accessing a network online, such as a browser window, or an offline window, such as a display window of software such as WORD, EXCEL, and the like.
S102: a plurality of anchor points are displayed in the scrollbar area.
Each anchor point corresponds to one page module, wherein the anchor point is not a point and can be in a shape of a rectangle, a triangle, a circle and the like, and occupies a certain area in the scroll bar area. The display mode of the anchor points is not limited, for example, the width of each anchor point is the same as that of the scroll bar area, each anchor point occupies a partial area in the scroll bar area, and the areas occupied by different anchor points are not conflicted with each other.
Each page module in the displayed browsing page is preset to correspond to one anchor point, and a plurality of anchor points are displayed in the scroll bar area. By setting the one-to-one correspondence relationship between the anchor points and the page modules, the corresponding page modules can be conveniently selected for display in a subsequent anchor point selection mode.
In one embodiment of the present invention, step S102 may include:
any one of the following processes is performed:
displaying a plurality of anchor points in a scroll bar region with the same anchor point display area;
and determining anchor point display areas corresponding to the anchor points according to the module display areas of the page modules corresponding to the anchor points in the browsed page, and displaying the anchor points in the scroll bar area according to the anchor point display areas corresponding to the anchor points.
The area proportion of the anchor points corresponding to each page module in the scroll bar area can be preset to be the same, namely, the scroll bar area is equally divided according to the number of the anchor points, and when the anchor points corresponding to each page module are displayed in the scroll bar area, a plurality of anchor points are displayed in the scroll bar area in the same anchor point display area. The same anchor display area is displayed in the scroll bar area by setting each anchor, so that the anchors corresponding to each page module respectively occupy the equally divided anchor display area in the scroll bar area, and the page module can be conveniently switched in display by selecting the anchors.
The corresponding relation between the module display area of the page module in the browsed page and the anchor point display area of the anchor point can be preset, if the module display area of the page module in the browsed page and the area of the anchor point corresponding to the page module in the scroll bar area can be set to be positively correlated, when the anchor point corresponding to each page module in the scroll bar area is displayed, the anchor point display areas corresponding to the anchor points are determined according to the module display areas of the page modules corresponding to the anchor points in the browsed page, and the anchor points are displayed in the scroll bar area according to the anchor point display areas corresponding to the anchor points. By presetting the proportional relation between the module display area of the page module in the browsed page and the anchor point display area of the anchor point, a user can conveniently predict the module display area of the page module corresponding to the anchor point through the anchor point display area, and the user can quickly search the page module to be browsed.
In one embodiment of the present invention, step S102 may include the following steps:
and sequentially displaying the anchors in the scroll bar area according to the sequence of the page modules respectively corresponding to the anchors in the browsed page.
And presetting the corresponding relation between the sequence of the page browsing module in the browsing page and the arrangement sequence of the anchor points in the scroll bar area. When a plurality of anchors are displayed in the scroll bar area, the plurality of anchors are sequentially displayed in the scroll bar area according to the sequence of the page modules corresponding to the plurality of anchors in the browsed page. Therefore, the anchors can be conveniently selected according to the original arrangement sequence of the anchors in the scroll bar area to sequentially display the page modules in the browsed page.
In an embodiment of the present invention, before step S102, the method further includes the following steps:
the method comprises the following steps: determining module display data comprising anchor point identification in module display data respectively corresponding to a plurality of page modules, and taking the page module corresponding to the determined module display data as a candidate page module;
step two: generating anchor point display data corresponding to the candidate page modules respectively;
accordingly, step S102 may include the steps of:
and displaying a plurality of anchors in the scroll bar area according to the anchor display data respectively corresponding to the candidate page modules.
For convenience of description, the above steps may be combined together for illustration.
For a page module (which may be all or part of a page module in a browsing page) that needs to display an anchor, an anchor identifier may be added in advance in module display data corresponding to the page module. Therefore, the module display data comprising the anchor point identification can be determined from the module display data respectively corresponding to the plurality of page modules, the page module corresponding to the determined module display data is used as a candidate page module, and the anchor point display data respectively corresponding to the plurality of candidate page modules is generated. And displaying a plurality of anchors in the scroll bar area according to the anchor display data respectively corresponding to the candidate page modules. For example, the original blank scroll bar may be transformed into a scroll bar that is segmentally selectable and each segment carries anchor display data. The module display data can be used for specifying the display mode of the page module, and can also be used for specifying the attribute of the page module, and the anchor point display data are similar. The anchor display data may include identification information (e.g., title, summary, etc.) of the corresponding page module, so that a user may quickly learn the page module corresponding to each anchor when the anchor is displayed in the scrollbar area.
And displaying a plurality of anchors in the scroll bar area according to the anchor display data respectively corresponding to the candidate page modules. Therefore, the anchor points corresponding to the page modules in the browsed page can be clearly reflected, a user can conveniently select the anchor points according to anchor point display data, and then the user can quickly jump to the page module position needing to be displayed.
In an embodiment of the present invention, step S102 may be updated as follows: displaying a plurality of anchor points in the scroll bar area when an anchor point display condition is satisfied;
between any step, the method further comprises the following steps: stopping displaying the plurality of anchor points in the scrollbar area when the anchor point display condition is not satisfied; wherein the anchor point display condition includes any one of: the browsing cursor is positioned 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.
Here, the anchor display condition for displaying each anchor in the scroll bar region may be set in advance, for example, the anchor display condition may be set such that the browsing cursor is located in the scroll bar region, and the anchor display condition may also be set such that the browsing cursor is located in the scroll bar region and the stationary duration of the browsing cursor in the scroll bar region reaches the duration threshold.
Displaying a plurality of anchor points in the scroll bar area when an anchor point display condition is satisfied; when the anchor point display condition is not satisfied, stopping displaying the plurality of anchor points in the scroll bar area. Therefore, the necessity of displaying the anchor points can be ensured, the intention of the user can be correctly identified, the interference to the user is reduced, and meanwhile, the computing resources can be saved.
S103: and when the anchor point selection action is monitored, determining the currently selected target anchor point.
After displaying a plurality of anchor points in the scroll bar area, monitoring whether an anchor point selection action exists, and determining the currently selected target anchor point when the anchor point selection action is monitored. The anchor point selection action is not limited in the embodiment of the application, and for example, the anchor point selection action can be a contact action, such as a click action and a long press action; and the method can also be a non-contact action, such as a gesture selection action and a voice selection action. If the action of clicking the anchor point by the mouse exists, if so, indicating that the action of selecting the anchor point exists when the action of clicking the anchor point by the mouse is monitored, and determining the currently clicked target anchor point.
S104: and controlling the browsing window to display a target page module corresponding to the target anchor point.
After the currently selected target anchor point is determined, the page module corresponding to the target anchor point is indicated to be displayed currently, and 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 so as to display the target page module; and the browsing page can be controlled to jump to the target page module instantly, namely, the jump is realized in a non-scrolling mode.
If the preset anchor point selection mode is to select the anchor point by clicking, a click function is bound for the anchor point in advance, and the page can be automatically adjusted to the target page module position corresponding to the target anchor point according to the bound target anchor point by utilizing the click function. After the target anchor point which is clicked at present is determined, a click function which is pre-bound with the target anchor point is called, the click function is triggered to roll the page to be displayed to the position of a target page module corresponding to the target anchor point, and therefore the page to be displayed can be quickly jumped to the position of the target page module. The method and the device realize accurate control on the page display content, effectively improve the page content searching efficiency and improve the user experience.
In one embodiment of the invention, the scroll bar region includes a slider region and a non-slider region; simultaneously with step S104, the method further includes: and updating the position of the sliding block area in the scroll bar area according to the position of the target page module in the plurality of page modules.
Here, the scroll bar area includes a slider area and a non-slider area, and the position of the slider area in the scroll bar area generally matches the position of the currently displayed page module of the browsing window in the plurality of page modules of the browsing page, so that when the browsing window is controlled to display the target page module corresponding to the target anchor, the position of the slider area in the scroll bar area is also updated according to the position of the target page module in the plurality of page modules. By means of position updating, the position of the sliding block area is guaranteed to accord with the browsing habit of a user, and therefore the user can conveniently adjust browsed page modules according to the sliding block.
According to the technical scheme, the anchor points which are respectively generated for each page module contained in the browsing page in advance are displayed by presetting the scroll bar area, the browsing page and the scroll bar area are displayed in the browsing window, the anchor points are displayed in the scroll bar area, 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. Therefore, accurate control over page display content is achieved, the target page module can be rapidly and definitely jumped to through the target anchor point, the page content searching efficiency is effectively improved, and the user experience is improved.
It should be noted that, based on the above embodiments, the embodiments of the present invention also provide corresponding improvements. In the following embodiments, steps that are the same as or correspond to those in the above embodiments may be referred to one another, and corresponding advantageous effects may also be referred to one another, which is not described in detail in the following modified embodiments.
Referring to fig. 2, fig. 2 is a flowchart of another implementation of a method for displaying page content according to an embodiment of the present invention, where the method may include the following steps:
s201: and displaying the browsing page and the scroll bar area in the browsing window.
The browsing window is used for displaying part of page modules in the multiple page modules of the browsing page.
S202: and determining an index page module in the currently displayed page modules of the browsing window.
And determining an index page module in the currently displayed page modules of the browse window. The index rule is determined according to actual conditions, for example, the uppermost page module currently displayed may be used as the index page module, and the middle page module currently displayed may also be used as the index page module.
S203: and displaying the index anchor corresponding to the index page module in the slider area, and displaying the anchor different from the index anchor in the non-slider area.
Wherein the scroll bar region includes a slider region and a non-slider region.
The method comprises the steps that a scroll bar area is preset to comprise a sliding block area and a non-sliding block area, when an index page module is determined in a page module currently displayed in a browsing window, an index anchor point corresponding to the index page module is displayed in the sliding block area, and an anchor point different from the index anchor point is displayed in the non-sliding block area, so that the corresponding relation between the sliding block area and the index page module can be effectively represented.
S204: and when the anchor point selection action is monitored, determining the currently selected target anchor point.
S205: and controlling the browsing window to display a target page module corresponding to the target anchor point.
Referring to fig. 3a, fig. 3a is a schematic diagram of a browsing window in an embodiment of the present invention, the browsing window includes page modules a-D, the browsing window is limited by a display size and can only display a part of the page modules in the browsing window, and a dotted line portion in fig. 3a indicates that the browsing window is not currently displayed in the browsing window, that is, the browsing window only displays all of the page module a, all of the page module B, and a part of the page module C. The slider area and the non-slider area in fig. 3a together constitute a scroll bar area, and a user can adjust a page module displayed in the browse window by moving a slider in the slider area.
Referring to fig. 3b, fig. 3b is a schematic diagram of a multi-module page display in an embodiment of the present invention, which specifically includes 3 expressions of a browse window, that is, (a), (b), and (c). On the basis of (a), if the cursor is hovered in the scroll bar area, the anchor points corresponding to the page modules are displayed in the scroll bar area, such as the a title, the B title, the C title and the D title in (B), the a title corresponds to the page module a, and so on, wherein the page module a is an index page module (here, the uppermost page module displayed in the browsing window), and therefore, the index anchor points (i.e., the a title) are displayed in the slider area of the scroll bar area. On the basis of (B), if the user performs the click operation, the page module B corresponding to the title B is used as an index page module, that is, the browsing page is scrolled downwards, so that the page module B is displayed on the top of the browsing window, and meanwhile, the position of the slider (slider area) in the scroll bar area is correspondingly adjusted.
For ease of understanding, fig. 3c is further provided to explain an implementation process of the bottom layer of fig. 3b, where the browsing page is a hypertext Markup Language (HTML) example, but this does not constitute a limitation to the embodiment of the present application. For developers who browse pages, class and id may be added to an HTML element (i.e., module display data) corresponding to a page module that needs to generate an anchor for marking, for example, < h2 class, < anchor ' id, < anchor ' > anchor 2>, where class, < anchor ' corresponds to the above anchor identifier. Therefore, after the terminal device opens the browsing window, all HTML elements containing class and anchor in the browsing page to be displayed are determined, corresponding anchor arrays are generated, wherein [ { name: 'anchor 1', id: 'anchor 1' }, { name: 'anchor 2', id: 'anchor' } are generated, anchor HTML (corresponding to the above anchor display data) corresponding to each page module is generated according to the array data, a click event (or a click function) is bound to each anchor HTML, and the anchors are hidden by default, namely, the corresponding anchors are not displayed by default. Then, the terminal device monitors the browsing window view height client _ height and the browsing page view height content _ height, and compares the client _ height with the content _ height.
If content _ height < ═ client _ height, it means that the browsing window can completely display the browsing page, so that the anchor HTML can be hidden continuously, and in this case, the display of the anchor is not triggered even if the cursor hovers over the scroll bar area.
If content _ height > client _ height, it is indicated that the content included in the browsing page is large, and the page content cannot be completely displayed in the browsing window. If it is monitored that the user clicks a certain anchor point, triggering a click event corresponding to the anchor point, and enabling the browsed page to be scrolled to the position of the page module corresponding to the anchor point, so that the page module is displayed in the browsing window. And if the fact that the cursor moves out of the scroll bar area is monitored, stopping displaying the anchor point.
Corresponding to the above method embodiment, the present invention further provides a display device of page content, and the display device of page content described below and the display method of page content described above can be referred to correspondingly.
Referring to fig. 4, fig. 4 is a block diagram of a display apparatus for displaying page contents according to an embodiment of the present invention, where the apparatus may include:
a page and scroll bar display unit 41 for displaying a browsing page and a scroll bar region in a browsing window; the browsing window is used for displaying part of page modules in the multiple page modules of the browsing page;
an anchor point display unit 42 for displaying a plurality of anchor points in the scroll bar region; each anchor point corresponds to one page module;
an anchor point determining unit 43, configured to determine a currently selected target anchor point when an anchor point selection action is monitored;
and the page module display unit 44 is used for controlling the browsing window to display the target page module corresponding to the target anchor point.
According to the technical scheme, the anchor points which are respectively generated for each page module contained in the browsing page in advance are displayed by presetting the scroll bar area, the browsing page and the scroll bar area are displayed in the browsing window, the anchor points are displayed in the scroll bar area, 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. Therefore, accurate control over page display content is achieved, the target page module can be rapidly and definitely jumped to through the target anchor point, the page content searching efficiency is effectively improved, and the user experience is improved.
In one embodiment of the present invention, the anchor point display unit 42 is specifically a unit that displays a plurality of anchor points in the scroll bar area when the anchor point display condition is satisfied;
the apparatus may further include an anchor point stop display unit;
an anchor point stop display unit configured to stop displaying the plurality of anchor points in the scroll bar area when the anchor point display condition is not satisfied;
wherein, the anchor point display condition comprises any one of the following:
the browsing cursor is positioned in the scroll bar area;
the browsing cursor is positioned in the scroll bar area, and the static duration of the browsing cursor in the scroll bar area reaches a duration threshold.
In a specific embodiment of the present invention, the anchor point display unit 42 is a unit that displays a plurality of anchor points in the scroll bar area with the same anchor point display area, or determines the anchor point display areas corresponding to the plurality of anchor points according to the module display areas of the page modules corresponding to the plurality of anchor points in the browsed page, and displays the plurality of anchor points in the scroll bar area according to the anchor point display areas corresponding to the plurality of anchor points.
In one embodiment of the invention, the scrollbar area comprises a slider area and a non-slider area; the anchor point display unit 42 specifically determines an index page module from the currently displayed page modules in the browsing window; and displaying an index anchor point corresponding to the index page module in the slider area, and displaying a unit of the anchor point different from the index anchor point in the non-slider area.
In an embodiment of the present invention, the anchor point displaying unit 42 is specifically a unit for sequentially displaying a plurality of anchor points in the scroll bar area according to the sequence of the page modules corresponding to the anchor points in the browsing page.
In one embodiment of the invention, the scroll bar region includes a slider region and a non-slider region; the apparatus may further include:
and the position updating unit is used for updating the position of the slider area in the scroll bar area according to the positions of the target page module in the plurality of page modules when the browsing window is controlled to display the target page module corresponding to the target anchor point.
In one embodiment of the present invention, the apparatus may further include:
a candidate page module determining unit, configured to determine, before displaying the anchor points in the scroll bar region, module display data including an anchor point identifier from among module display data corresponding to the page modules, and use the page module corresponding to the determined module display data as a candidate page module;
the anchor point display data generating unit is used for generating anchor point display data corresponding to the candidate page modules respectively;
the anchor point display unit 42 is specifically a unit that displays a plurality of anchor points in the scroll bar area according to anchor point display data corresponding to a plurality of candidate page modules, respectively.
Corresponding to the above method embodiment, referring to fig. 5, fig. 5 is a schematic diagram of a display device for page content provided by the present invention, where the device may include:
a memory 332 for storing a computer program;
a processor 322 for implementing the steps of the method for displaying page content of the above-mentioned method embodiments when executing the computer program.
Specifically, referring to fig. 6, fig. 6 is a schematic diagram illustrating a specific structure of a display device of page content provided in this embodiment, the display device of page content may generate a relatively large difference due to different configurations or performances, and may include a processor (CPU) 322 (for example, one or more processors) and a memory 332, where the memory 332 stores one or more computer applications 342 or data 344. Memory 332 may be, among other things, transient or persistent storage. The program stored in memory 332 may include one or more modules (not shown), each of which may include a sequence of instructions operating on a data processing device. Still further, the processor 322 may be configured to communicate with the memory 332 to execute a series of instruction operations in the memory 332 on the display device 301 for the page content.
The display device 301 for page content may also include one or more power sources 326, one or more wired or wireless network interfaces 350, one or more input-output interfaces 358, and/or one or more operating systems 341.
The steps in the above-described display method of page content may be implemented by the structure of a display device of page content.
Corresponding to the above method embodiment, the present invention further provides a computer-readable storage medium having a computer program stored thereon, the computer program, when executed by a processor, implementing the steps of:
displaying a browsing page and a scroll bar area in a browsing window; the browsing window is used for displaying part of page modules in the multiple page modules of the browsing page; displaying a plurality of anchor points in a scroll bar area; each anchor point corresponds to one page module; when anchor point selection action is monitored, determining a currently selected target anchor point; and controlling the browsing window to display a target page module corresponding to the target anchor point.
The computer-readable storage medium may include: various media capable of storing program codes, such as a usb disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.
For the introduction of the computer-readable storage medium provided by the present invention, please refer to the above method embodiments, which are not described herein again.
The present application also provides a computer program product comprising a computer program which, when executed by a processor, implements the steps of any of the methods for displaying page content as described above.
It should be noted that the information (including but not limited to user information, device information, etc.) and data (including but not limited to read data, target data, etc.) referred to in the embodiments of the present application are information and data authorized by the user or fully authorized by each party, and the processing procedure of the information and data also complies with the regulations of the relevant laws and regulations.
The embodiments are described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same or similar parts among the embodiments are referred to each other. The device, the apparatus and the computer-readable storage medium disclosed in the embodiments correspond to the method disclosed in the embodiments, so that the description is simple, and the relevant points can be referred to the description of the method.
The principle and the implementation of the present invention are explained in the present application by using specific examples, and the above description of the embodiments is only used to help understanding the technical solution and the core idea of the present invention. It should be noted that, for those skilled in the art, it is possible to make various improvements and modifications to the present invention without departing from the principle of the present invention, and those improvements and modifications also fall within the scope of the claims of the present invention.
Claims (10)
1. A method for displaying page content, comprising:
displaying a browsing page and a scroll bar area in a browsing window; the browsing window is used for displaying a part of page modules in a plurality of page modules of the browsing page;
displaying a plurality of anchor points in the scrollbar area; each anchor point corresponds to one page module;
when anchor point selection action is monitored, determining a currently selected target anchor point;
and controlling the browsing window to display a target page module corresponding to the target anchor point.
2. The method for displaying page content according to claim 1, wherein said displaying a plurality of anchor points in said scrollbar area comprises:
displaying a plurality of anchor points in the scroll bar area when an anchor point display condition is satisfied;
the method further comprises the following steps:
stopping displaying the plurality of anchor points in the scrollbar area when the anchor point display condition is not satisfied;
wherein the anchor point display condition includes any one of:
the browsing cursor is positioned 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.
3. The method of displaying page content of claim 1, wherein said displaying a plurality of anchor points in said scrollbar area comprises:
any one of the following processes is performed:
displaying a plurality of anchor points in the scroll bar region with the same anchor point display area;
and determining anchor point display areas corresponding to the anchor points according to the module display areas of the page modules corresponding to the anchor points in the browsed page, and displaying the anchor points in the scroll bar area according to the anchor point display areas corresponding to the anchor points.
4. A method of displaying page content according to claim 1, wherein said scrollbar area comprises a slider area and a non-slider area; the displaying a plurality of anchor points in the scrollbar area comprising:
determining an index page module in the currently displayed page modules of the browsing window;
and displaying the index anchor point corresponding to the index page module in the slider area, and displaying the anchor point different from the index anchor point in the non-slider area.
5. The method of displaying page content of claim 1, wherein said displaying a plurality of anchor points in said scrollbar area comprises:
and sequentially displaying the anchors in the scroll bar area according to the sequence of the page modules respectively corresponding to the anchors in the browsed page.
6. The method of displaying page content of claim 1, wherein said scrollbar area comprises a slider area and a non-slider area; when the browsing window is controlled to display a target page module corresponding to the target anchor point, the method further comprises:
updating the position of the slider region in the scrollbar region in accordance with the position of the target page module in the plurality of page modules.
7. Page content display method according to any one of claims 1 to 6, characterized in that before displaying a plurality of anchor points in the scrollbar area, the method further comprises:
determining module display data comprising anchor point identification in the module display data respectively corresponding to the plurality of page modules, and taking the page module corresponding to the determined module display data as a candidate page module;
generating anchor point display data corresponding to the candidate page modules respectively;
the displaying a plurality of anchor points in the scrollbar area comprising:
and displaying a plurality of anchors in the scroll bar area according to the anchor display data respectively corresponding to the candidate page modules.
8. A display device for page content, comprising:
the page and scroll bar display unit is used for displaying a browsing page and a scroll bar area in a browsing window; the browsing window is used for displaying a part of page modules in a plurality of page modules of the browsing page;
an anchor point display unit for displaying a plurality of anchor points in the scroll bar region; each anchor point corresponds to one page module;
the anchor point determining unit is used for determining the currently selected target anchor point when the anchor point selecting action is monitored;
and the page module display unit is used for controlling the browsing window to display the target page module corresponding to the target anchor point.
9. A display device for page content, comprising:
a memory for storing a computer program;
a processor for implementing the steps of the method for displaying page content according to any one of claims 1 to 7 when executing said computer program.
10. A computer-readable storage medium, characterized in that a computer program is stored on the computer-readable storage medium, which computer program, when being executed by a processor, carries out the steps of the method for displaying page content according to any one of claims 1 to 7.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210311088.3A CN114661200A (en) | 2022-03-28 | 2022-03-28 | Page content display method, device, equipment and readable storage medium |
| PCT/CN2022/133102 WO2023185012A1 (en) | 2022-03-28 | 2022-11-21 | Page content display method, apparatus and device, and readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210311088.3A CN114661200A (en) | 2022-03-28 | 2022-03-28 | Page content display method, device, equipment and readable storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114661200A true CN114661200A (en) | 2022-06-24 |
Family
ID=82032589
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210311088.3A Pending CN114661200A (en) | 2022-03-28 | 2022-03-28 | Page content display method, device, equipment and readable storage medium |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN114661200A (en) |
| WO (1) | WO2023185012A1 (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2023185012A1 (en) * | 2022-03-28 | 2023-10-05 | 金蝶软件（中国）有限公司 | Page content display method, apparatus and device, and readable storage medium |
Citations (6)
| 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 |
| CN104050184A (en) * | 2013-03-13 | 2014-09-17 | 阿里巴巴集团控股有限公司 | Method and device for displaying page content |
| CN105404647A (en) * | 2015-10-28 | 2016-03-16 | 百度在线网络技术（北京）有限公司 | Page content positioning method and apparatus |
| CN108108377A (en) * | 2016-11-24 | 2018-06-01 | 广州市动景计算机科技有限公司 | Browser page jump method, device and terminal device |
| CN110647272A (en) * | 2018-06-26 | 2020-01-03 | 阿里巴巴集团控股有限公司 | Display control method and device |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103853729B (en) * | 2012-11-29 | 2019-03-26 | 腾讯科技（深圳）有限公司 | Page loading method and its system |
| CN109948101B (en) * | 2019-03-21 | 2022-03-01 | Oppo广东移动通信有限公司 | Page switching method and device, storage medium and electronic equipment |
| CN114661200A (en) * | 2022-03-28 | 2022-06-24 | 金蝶软件（中国）有限公司 | Page content display method, device, equipment and readable storage medium |
-
2022
- 2022-03-28 CN CN202210311088.3A patent/CN114661200A/en active Pending
- 2022-11-21 WO PCT/CN2022/133102 patent/WO2023185012A1/en unknown
Patent Citations (6)
| 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 |
| CN104050184A (en) * | 2013-03-13 | 2014-09-17 | 阿里巴巴集团控股有限公司 | Method and device for displaying page content |
| CN105404647A (en) * | 2015-10-28 | 2016-03-16 | 百度在线网络技术（北京）有限公司 | Page content positioning method and apparatus |
| CN108108377A (en) * | 2016-11-24 | 2018-06-01 | 广州市动景计算机科技有限公司 | Browser page jump method, device and terminal device |
| CN110647272A (en) * | 2018-06-26 | 2020-01-03 | 阿里巴巴集团控股有限公司 | Display control method and device |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2023185012A1 (en) * | 2022-03-28 | 2023-10-05 | 金蝶软件（中国）有限公司 | Page content display method, apparatus and device, and readable storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2023185012A1 (en) | 2023-10-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9756140B2 (en) | Tracking user behavior relative to a network page | |
| US8266524B2 (en) | Editing a document using a transitory editing surface | |
| US20150193395A1 (en) | Predictive link pre-loading | |
| US7721197B2 (en) | System and method of displaying content on small screen computing devices | |
| US20180004857A1 (en) | Webpage loading method and system | |
| CN104281677A (en) | Page displaying method and device | |
| CN109814779B (en) | Menu display method and device, computer equipment and storage medium | |
| CN104657451A (en) | Processing method and processing device for page | |
| CN105528200A (en) | Browser tab display method and device | |
| CN103870191A (en) | Method and electronic equipment for saving webpage | |
| CN106155654B (en) | Method and device for shielding webpage operation and electronic equipment | |
| CN112783783A (en) | Webpage point burying method, device and equipment and readable storage medium | |
| US10725645B2 (en) | Information processing device for controlling display of web pages using main display area and sub display area | |
| CN104462232A (en) | Data storage method and device | |
| CN114661200A (en) | Page content display method, device, equipment and readable storage medium | |
| CN112099706A (en) | Page display method and device, electronic equipment and computer readable storage medium | |
| CN105573579A (en) | Search bar operation method and terminal | |
| CN110708270B (en) | Abnormal link detection method and device | |
| US20070143708A1 (en) | Overloaded hyperlink | |
| Kirsh et al. | Horizontal mouse movements (HMMs) on web pages as indicators of user interest | |
| CN111782121B (en) | Page rolling control method and device, readable storage medium and electronic equipment | |
| CN110990079B (en) | Method and device for loading remote csv file | |
| CN112947811A (en) | Page navigation display method and device, electronic equipment and storage medium | |
| CN107256255B (en) | Page browsing method and system | |
| JP2020091333A (en) | Display control method, device, and program |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |