CN106354726B - Control method and device for webpage content display - Google Patents

Control method and device for webpage content display Download PDF

Info

Publication number
CN106354726B
CN106354726B CN201510418886.6A CN201510418886A CN106354726B CN 106354726 B CN106354726 B CN 106354726B CN 201510418886 A CN201510418886 A CN 201510418886A CN 106354726 B CN106354726 B CN 106354726B
Authority
CN
China
Prior art keywords
webpage
area
content
display area
display
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201510418886.6A
Other languages
Chinese (zh)
Other versions
CN106354726A (en
Inventor
郭见庆
曾亮
王明刚
刘远涛
史景慧
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201510418886.6A priority Critical patent/CN106354726B/en
Publication of CN106354726A publication Critical patent/CN106354726A/en
Application granted granted Critical
Publication of CN106354726B publication Critical patent/CN106354726B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

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

Landscapes

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

Abstract

The invention discloses a control method for webpage content display, which comprises the following steps: acquiring a rolling operation on the target webpage content; and normally displaying the scrolled first webpage content in the set webpage display area according to the scrolling operation, and displaying the scrolled second webpage content in the set at least one ground glass display area, wherein the webpage contents of the first webpage content and the second webpage content are continuous. The invention also discloses a control device for displaying the webpage content. The invention enables the browser to display the webpage content in the plurality of webpage presentation windows, can display the webpage content which can not be seen after the scrolling operation, and improves the display effect of the webpage content.

Description

Control method and device for webpage content display
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a method and an apparatus for controlling display of web page content.
Background
With the continuous development of internet technology, browsers have been developed rapidly, and in order to improve the browsing experience of users, the interfaces of browsers have changed a little, for example, different types or versions of browsers such as IE6, IE10, chrome, Safari, etc. and corresponding different browser interfaces appear. According to the browser, the browser interface is more and more concise, the content browsed by the webpage is more and more, and the amount of the acquired information is increased. At present, the content of a webpage is more, a scroll bar cannot be avoided in the webpage browsing process, and when the webpage scrolls downwards, the content on the webpage cannot be seen, that is, only one webpage presenting window of the current browser is a webpage browsing area, so that the webpage content display effect is poor.
Disclosure of Invention
The embodiment of the invention provides a method and a device for controlling webpage content display, and aims to solve the problem that the display effect of webpage content is poor because only one webpage presentation window is a webpage browsing area in the conventional browser.
To achieve the above object, an embodiment of the present invention provides a method for detecting a scrolling operation based on a webpage display area;
acquiring a rolling operation on the target webpage content;
and normally displaying the scrolled first webpage content in the set webpage display area according to the scrolling operation, and displaying the scrolled second webpage content in the set at least one ground glass display area, wherein the webpage contents of the first webpage content and the second webpage content are continuous.
In order to achieve the above object, an embodiment of the present invention further provides a control apparatus for displaying web page content, including:
the acquisition module is used for acquiring the rolling operation of the target webpage content;
and the display module is used for normally displaying the scrolled first webpage content in the set webpage display area according to the scrolling operation and displaying the scrolled second webpage content in the set at least one ground glass display area, wherein the webpage contents of the first webpage content and the second webpage content are continuous.
According to the invention, the content which cannot be seen after the webpage is scrolled is displayed in the display area of the frosted glass, namely in the areas where the toolbar, the bookmark bar and the title bar are located. The problem that the display effect of the webpage content is poor due to the fact that only one webpage presenting window of the conventional browser is a webpage browsing area is effectively solved. The browser can display the webpage contents in the webpage display windows and can display the webpage contents which cannot be seen after the scrolling operation, and the display effect of the webpage contents is improved.
Drawings
Fig. 1 is a schematic diagram illustrating a hardware architecture of a control device for displaying web content according to an embodiment of the present invention;
FIG. 2 is a flowchart illustrating a method for controlling display of web page content according to a first embodiment of the present invention;
FIG. 3 is a diagram illustrating a first embodiment of a browser frame according to the present invention;
FIG. 4 is a diagram of a second embodiment of a browser frame according to the present invention;
FIG. 5 is a flowchart illustrating a method for controlling display of web page content according to a second embodiment of the present invention;
FIG. 6 is a diagram illustrating a second embodiment of a browser frame according to the present invention;
FIG. 7 is a flowchart illustrating an embodiment of calculating the length of a scroll bar according to the present invention;
FIG. 8 is a functional block diagram of a control device for displaying web content according to a first embodiment of the present invention;
FIG. 9 is a functional block diagram of a control device for displaying web content according to a second embodiment of the present invention;
fig. 10 is a functional block diagram of a control device for displaying web content according to a third embodiment of the present invention.
The implementation, functional features and advantages of the objects of the present invention will be further explained with reference to the accompanying drawings.
Detailed Description
It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.
The main solution of the embodiment of the invention is as follows: acquiring a rolling operation on the target webpage content; and normally displaying the scrolled first webpage content in the set webpage display area according to the scrolling operation, and displaying the scrolled second webpage content in the set at least one ground glass display area, wherein the webpage contents of the first webpage content and the second webpage content are continuous. The content that cannot be seen by scrolling the web page is displayed in the frosted glass display area, namely, the area where the toolbar, bookmark bar and title bar are located. The problem that the display effect of the webpage content is poor due to the fact that only one webpage presenting window of the conventional browser is a webpage browsing area is effectively solved. The browser can display the webpage contents in the webpage display windows and can display the webpage contents which cannot be seen after the scrolling operation, and the display effect of the webpage contents is improved.
The current browser has the problem of poor webpage content display effect because only one webpage presentation window is a webpage browsing area.
The embodiment of the invention constructs a control device for displaying the webpage content, and the control device for displaying the webpage content displays the webpage content which can not be seen due to the rolling operation in the frosted glass display area, thereby effectively avoiding the problem of poor webpage content display effect caused by the fact that only one webpage presentation window of the current browser is a webpage browsing area. The accuracy of the control of the webpage content display is improved, and the efficiency of the control of the webpage content display is further improved.
The control device for displaying the web content in this embodiment may be carried on a PC, or may be carried on an electronic terminal such as a mobile phone or a tablet computer that can use network applications such as games. The hardware architecture involved in the control means of the web content display may be as shown in fig. 1.
Fig. 1 shows a hardware architecture related to a control device for web content display according to an embodiment of the present invention. As shown in fig. 1, the hardware of the web content display control device includes: a processor 301, e.g. a CPU, a network interface 304, a user interface 303, a memory 305, a communication bus 302. The communication bus 302 is used for implementing connection communication between the components in the information push platform. The user interface 303 may include a Display (Display), a Keyboard (Keyboard), a mouse, and the like, and is configured to receive information input by a user and send the received information to the processor 305 for processing. The display screen may be an LCD display screen, an LED display screen, or a touch screen, and is used for displaying data to be displayed by the control device for displaying the web page content, such as displaying the web page content, a web page scroll bar, a web page ground glass area, and other operation interfaces. The optional user interface 303 may also include a standard wired interface, a wireless interface. The network interface 304 may optionally include a standard wired interface, a wireless interface (e.g., WI-FI interface). Memory 305 may be a high-speed RAM memory or may be a non-volatile memory, such as a disk memory. The memory 305 may alternatively be a storage device separate from the processor 301 described above. As shown in fig. 1, the memory 305, which is a kind of computer storage medium, may include therein an operating system, a network communication module, a user interface module, and a control program for web content display.
In the hardware related to the control device for displaying web page content shown in fig. 1, the network interface 304 is mainly used for connecting to an application platform and performing data communication with the application platform; the user interface 303 is mainly used for connecting a client, performing data communication with the client, and receiving information and instructions input by the client; and the processor 301 may be configured to invoke a control program stored in the memory 305 for displaying the web content and perform the following operations:
acquiring a rolling operation on the target webpage content;
and normally displaying the scrolled first webpage content in the set webpage display area according to the scrolling operation, and displaying the scrolled second webpage content in the set at least one ground glass display area, wherein the webpage contents of the first webpage content and the second webpage content are continuous.
Further, in one embodiment, the processor 301 invoking the control program stored in the memory 305 to control the display of the web page content may perform the following operations:
acquiring a webpage access operation;
responding to the webpage access operation, and acquiring corresponding initial webpage content;
and displaying the initial webpage content in the webpage display area.
Further, in one embodiment, the processor 301 invoking the control program stored in the memory 305 to control the display of the web page content may perform the following operations:
determining a size value of the frosted glass display area;
and calculating the length of the webpage scroll bar according to the size value.
Further, in one embodiment, the processor 301 invoking the control program stored in the memory 305 to control the display of the web page content may perform the following operations:
setting a browser window corresponding to the webpage access operation as a full-area webpage display window;
the browser window is divided into a webpage display area and a frosted glass display area, and the frosted glass display area is arranged above the webpage display area.
Further, in one embodiment, the processor 301 invoking the control program stored in the memory 305 to control the display of the web page content may perform the following operations:
and displaying the second webpage content as the background of the frosted glass display area.
According to the scheme, the content which cannot be seen after the webpage is scrolled is displayed in the frosted glass display area, namely, the toolbar, the bookmark bar and the title bar. The problem that the display effect of the webpage content is poor due to the fact that only one webpage presenting window of the conventional browser is a webpage browsing area is effectively solved. The browser can display the webpage contents in the webpage display windows and can display the webpage contents which cannot be seen after the scrolling operation, and the display effect of the webpage contents is improved.
Based on the hardware architecture, the embodiment of the control method for displaying the webpage content is provided.
As shown in fig. 2, a first embodiment of a method for controlling display of web page content according to the present invention is provided, where the method for controlling display of web page content includes:
step S10, obtaining the rolling operation of the target webpage content;
when a user opens a browser to browse a webpage, the scrolling operation of the target webpage content is acquired. In this embodiment, the scroll operation may be triggered in various ways, for example, 1) a scroll bar is dragged by a mouse to trigger the scroll operation; 2) a cursor is moved through a keyboard to trigger a rolling operation; 3) the scrolling operation is triggered by the middle key scrolling in the mouse control keys. The above-listed triggering manners of the scroll operation are only exemplary, and those skilled in the art may utilize the technical idea of the present invention, and other triggering manners of the scroll operation proposed according to their specific requirements are within the protection scope of the present invention, and are not exhaustive herein.
Step S20, according to the scrolling operation, displaying the scrolled first webpage content in the set webpage display area normally, and displaying the scrolled second webpage content in the set at least one frosted glass display area, wherein the webpage contents of the first webpage content and the second webpage content are continuous.
And after the rolling operation is acquired, displaying the rolled first webpage content in a set webpage display area according to the rolling operation, and displaying the rolled second webpage content in at least one set ground glass display area. For example, if the scrolling operation is to scroll a row of web page contents backward, then scroll a row of web page contents upward in the web page display area to display new web page contents appearing after scrolling (including web page contents that have not disappeared before scrolling and web page contents that have been newly added after scrolling). And acquiring the webpage content reduced in the webpage display area before relative scrolling while displaying the scrolled webpage content, namely acquiring the webpage content reduced in the webpage display area based on the scrolling operation and the webpage content which cannot be displayed in the webpage display area as second webpage content, wherein the webpage content of the first webpage content is continuous with the webpage content of the second webpage content.
And after the second webpage content is acquired, displaying the reduced content in the areas of a toolbar, a bookmark bar, a title bar and the like in a frosted glass mode. Specifically, the page display area is adjusted to the size of the whole browser window in advance (refer to fig. 3), so that the area 1 such as a toolbar, a bookmark bar, a title bar and the like is located above the web page display area (browser window area 2). Specifically, a browser window corresponding to the webpage access operation is set as a full-area webpage display window; the browser window is divided into a webpage display area and at least one ground glass display area, and the ground glass display area is arranged above the webpage display area. The displaying the second web page content in the frosted glass display area is displaying the reduced web page content as a background of the frosted glass display area. Specifically, for example, when a line is scrolled backwards based on a scrolling operation, the web page content displayed in the web page display area needs to be scrolled upwards by one line, the web page content displayed in the top of the web page display area is reduced web page content, and the reduced web page content is displayed as the background of the toolbar, bookmark bar, title bar, and other areas above the web page display area; when a user continuously scrolls the page, the correspondingly reduced webpage content is sequentially used as the background of a toolbar, a bookmark bar, a title bar and other areas on the webpage display area to be displayed; the background of the tool bar, bookmark bar, title bar and other areas is added with a frosted glass view, so that the background of the areas has frosted glass effect (refer to fig. 4), and the frosted glass display area 3 is used as the background of the tool bar, bookmark bar, title bar and other areas and comprises an area 1 of the tool bar, bookmark bar, title bar and other areas. Preferably, the reduced web content may be summary content or main content of the reduced web content before and after the reduced scrolling, and of course, all less content may be scrolled in the frosted glass display area. In this embodiment, the frosted glass display area is set as one, in other embodiments of the present invention, the frosted glass display area may be set as a plurality of frosted glass display areas, and a corresponding number of frosted glass display areas are set according to the second web content and the area of a single frosted glass display area, so that the second web content can be completely displayed through the set frosted glass display areas.
In the embodiment, contents which cannot be seen after the web page is scrolled are displayed in the frosted glass display area, that is, in the area where the toolbar, the bookmark bar and the title bar are located. The problem that the display effect of the webpage content is poor due to the fact that only one webpage presenting window of the conventional browser is a webpage browsing area is effectively solved. The browser can display the webpage contents in the webpage display windows and can display the webpage contents which cannot be seen after the scrolling operation, and the display effect of the webpage contents is improved.
Further, a second embodiment of the present invention is proposed based on the first embodiment of the control method for web content display described above. As shown in fig. 5, before the step S10, the method may further include:
step S30, acquiring webpage access operation;
step S40, responding to the webpage access operation, and acquiring corresponding initial webpage content;
step S50, displaying the initial web page content in the web page display area.
Specifically, when a browser is opened for browsing a webpage for the first time, the webpage access operation is detected, and the webpage display process includes: acquiring a webpage access operation; responding to the webpage access operation, and acquiring corresponding initial webpage content; and displaying the initial webpage content in the webpage display area. Therefore, when the webpage is opened for the first time, all webpage contents needing to be displayed can be displayed in the whole browser window.
Specifically, referring to fig. 7, the process of calculating the length of the scroll bar includes:
step S11, determining the size value of the ground glass display area;
and step S12, calculating the length of the webpage scroll bar according to the size value.
And determining the height value of the frosted glass display area and the height value of the whole window of the browser, and subtracting the height value of the frosted glass display area from the height value of the whole window of the browser to obtain the length value of the scroll bar. For example, referring to fig. 6, the frosted glass display area is equal to the height value of the web page offset area, that is, the frosted glass display area is equal to the web page offset area, the whole window of the browser is equal to the web page display area 2, and the length value of the scroll bar area 4 is the height value of the web page offset area 2 subtracted from the height value of the window area 2 of the browser, that is, the height value of the web page display area 5.
In this embodiment, in order to solve the problem that the web page has a floating window and is always displayed on the top of the web page; the webpage is opened for the first time, no scrolling operation based on webpage content occurs, and the problem that top end information cannot be seen is solved; the calculation and display of the length of the scroll bar of the web page. The problems are solved by increasing the offset between the webpage content and the top end of the webpage display area, and the offset is the size information of the toolbar, the bookmark bar, the title bar and other areas, so that the webpage content is offset downwards when the webpage is loaded, and the top end of the webpage can be seen; the suspension window at the top end always deflects downwards when rolling; the height calculation information of the scroll bar needs to subtract the height of this offset (refer to fig. 6). Specifically, a web content area (browser window area) is a web display area + frosted glass display area; the position of the suspension window is equal to the real position of the suspension window and the position of a ground glass display area; the scroll bar area is a web page display area (height information).
Correspondingly, a first embodiment of the control device for displaying web content of the present invention is provided. Referring to fig. 8, the apparatus for controlling the display of web content includes an acquisition module 10, a display module 20, a setting module 30, and a division module 40.
The acquiring module 10 is configured to acquire a scrolling operation on a target webpage content;
when a user opens a browser to browse a webpage, the scrolling operation of the target webpage content is acquired. In this embodiment, the scroll operation may be triggered in various ways, for example, 1) a scroll bar is dragged by a mouse to trigger the scroll operation; 2) a cursor is moved through a keyboard to trigger a rolling operation; 3) the scrolling operation is triggered by the middle key scrolling in the mouse control keys. The above-listed triggering manners of the scroll operation are only exemplary, and those skilled in the art may utilize the technical idea of the present invention, and other triggering manners of the scroll operation proposed according to their specific requirements are within the protection scope of the present invention, and are not exhaustive herein.
The display module 20 is configured to normally display the scrolled first web content in the set web display area according to the scrolling operation, and display the scrolled second web content in the set at least one ground glass display area, where the web contents of the first web content and the second web content are continuous.
And after the rolling operation is acquired, displaying the rolled first webpage content in a set webpage display area according to the rolling operation, and displaying the rolled second webpage content in at least one set ground glass display area. For example, if the scrolling operation is to scroll a row of web page content backward, then a row of web page content is scrolled upward in the web page display area to display new web page content appearing after scrolling (including web page content that does not disappear before scrolling and web page content that is newly added after scrolling). And acquiring the webpage content reduced in the webpage display area before relative scrolling while displaying the scrolled webpage content, namely acquiring the webpage content reduced in the webpage display area based on the scrolling operation and the webpage content which cannot be displayed in the webpage display area as second webpage content, wherein the webpage content of the first webpage content is continuous with the webpage content of the second webpage content.
And after the second webpage content is acquired, displaying the reduced content in the areas of a toolbar, a bookmark bar, a title bar and the like in a frosted glass mode. Specifically, the page display area is adjusted to the size of the whole browser window in advance (refer to fig. 3), so that the area 1 such as a toolbar, a bookmark bar, a title bar and the like is located above the web page display area (browser window area 2).
The setting module 30 is configured to set a browser window corresponding to a web page access operation as a full-area web page display window; the dividing module 40 is configured to divide the browser window into a web page display area and at least one ground glass display area, where the ground glass display area is disposed above the web page display area. The displaying the second web page content in the frosted glass display area is displaying the reduced web page content as a background of the frosted glass display area. Specifically, for example, when a line is scrolled backwards based on a scrolling operation, the web page content displayed in the web page display area needs to be scrolled upwards by one line, the web page content displayed in the top of the web page display area is reduced web page content, and the reduced web page content is displayed as the background of the toolbar, bookmark bar, title bar, and other areas above the web page display area; when a user continuously scrolls the page, the correspondingly reduced webpage content is sequentially used as the background of a toolbar, a bookmark bar, a title bar and other areas on the webpage display area to be displayed; the background of the tool bar, bookmark bar, title bar and other areas is added with a frosted glass view, so that the background of the areas has frosted glass effect (refer to fig. 4), and the frosted glass area 3 is used as the background of the tool bar, bookmark bar, title bar and other areas and comprises an area 1. Preferably, the reduced web content may be summary content or main content of the reduced web content before and after the reduced scrolling, and of course, all less content may be scrolled in the frosted glass display area. In this embodiment, the frosted glass display area is set to be one, in other embodiments of the present invention, the frosted glass display area may be set to be multiple, and the setting module 30 is further configured to set a corresponding number of frosted glass display areas according to the second web content and the area of a single frosted glass display area, so that the second web content can be completely displayed through the set frosted glass display areas.
In the embodiment, contents which cannot be seen after the web page is scrolled are displayed in the frosted glass display area, that is, in the area where the toolbar, the bookmark bar and the title bar are located. The problem that the display effect of the webpage content is poor due to the fact that only one webpage presenting window of the conventional browser is a webpage browsing area is effectively solved. The browser can display the webpage contents in the webpage display windows and can display the webpage contents which cannot be seen after the scrolling operation, and the display effect of the webpage contents is improved.
Further, a second embodiment of the present invention is proposed based on the first embodiment of the control apparatus for web content display described above. Referring to fig. 9, the apparatus for controlling display of web content further includes: in response to the response of the module 50,
the obtaining module 10 is further configured to obtain a web page access operation;
the response module 50 is configured to respond to the web page access operation;
the obtaining module 10 is further configured to obtain corresponding initial web page content;
the display module 20 is further configured to display the initial webpage content in the webpage display area.
Specifically, when a browser is opened for browsing a webpage for the first time, the webpage access operation is detected, and the webpage display process includes: acquiring a webpage access operation; responding to the webpage access operation, and acquiring corresponding initial webpage content; and displaying the initial webpage content in the webpage display area. Therefore, when the webpage is opened for the first time, all webpage contents needing to be displayed can be displayed in the whole browser window.
Further, a third embodiment of the present invention is proposed based on the second embodiment of the control apparatus for web content display described above. Referring to fig. 10, the apparatus for controlling display of web content further includes: a determination module 60 and a calculation module 70,
the determining module 60 is further configured to determine a size value of the frosted glass display area;
the calculating module 70 is further configured to calculate the length of the webpage scroll bar according to the size value.
And determining the height value of the frosted glass display area and the height value of the whole window of the browser, and subtracting the height value of the frosted glass display area from the height value of the whole window of the browser to obtain the length value of the scroll bar. For example, referring to fig. 6, the frosted glass display area is equal to the height value of the web page offset area, that is, the frosted glass display area is equal to the web page offset area, the whole window of the browser is equal to the web page display area 2, and the length value of the scroll bar area 4 is the height value of the web page offset area 2 subtracted from the height value of the window area 2 of the browser, that is, the height value of the web page display area 5.
In this embodiment, in order to solve the problem that the web page has a floating window and is always displayed on the top of the web page; the webpage is opened for the first time, no scrolling operation based on webpage content occurs, and the problem that top end information cannot be seen is solved; the calculation and display of the length of the scroll bar of the web page. The problems are solved by increasing the offset between the webpage content and the top end of the webpage display area, and the offset is the size information of the toolbar, the bookmark bar, the title bar and other areas, so that the webpage content is offset downwards when the webpage is loaded, and the top end of the webpage can be seen; the suspension window at the top end always deflects downwards when rolling; the height calculation information of the scroll bar needs to subtract the height of this offset (refer to fig. 6). Specifically, a web content area (browser window area) is a web display area + frosted glass display area; the position of the suspension window is equal to the real position of the suspension window and the position of a ground glass display area; the scroll bar area is a web page display area (height information).
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
The above-mentioned serial numbers of the embodiments of the present invention are merely for description and do not represent the merits of the embodiments.
Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which is stored in a storage medium (e.g., ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal device (e.g., a mobile phone, a computer, a server, or a network device) to execute the method according to the embodiments of the present invention.

Claims (6)

1. A method for controlling display of web page contents, comprising:
determining the size values of the display areas of the frosted glass, where the toolbar area, the bookmark area and the title bar area are located;
calculating the length of the webpage scroll bar according to the size value and an offset, wherein the offset is the size information of the toolbar area, the bookmark bar area and the title bar area;
acquiring webpage access operation detected when a browser browses a webpage for the first time;
responding to the webpage access operation, loading and acquiring corresponding initial webpage content, and displaying a top floating window, wherein the initial webpage content downwards offsets according to the offset in the loading process, the floating window downwards offsets in the rolling process, and the height of the offset is subtracted to obtain height calculation information of a scroll bar for triggering the rolling operation;
displaying the initial webpage content in a webpage display area;
setting a browser window corresponding to the webpage access operation as a full-area webpage display window;
dividing the browser window into the webpage display area and the ground glass display area, wherein the ground glass display area is arranged above the webpage display area and is used for adding ground glass views to the background of the toolbar area, the bookmark bar area and the title bar area;
acquiring a rolling operation on the target webpage content;
displaying the scrolled first webpage content in a set webpage display area normally according to the scrolling operation, displaying the scrolled second webpage content in at least one set frosted glass display area, and displaying the second webpage content as the background of the toolbar area, the bookmark bar area and the title bar area, wherein the first webpage content is continuous with the webpage content of the second webpage content, and the second webpage content is the abstract content of the webpage content reduced based on the scrolling operation.
2. The method for controlling display of web content according to claim 1, wherein the step of acquiring a scroll operation on the target web content comprises:
and setting a corresponding number of ground glass display areas according to the second webpage content and the area of the single ground glass display area.
3. A control apparatus for displaying web content, comprising:
the device is used for determining the size values of the frosted glass display areas where the toolbar area, the bookmark area and the title bar area are located; calculating the length of the webpage scroll bar according to the size value and an offset, wherein the offset is the size information of the toolbar area, the bookmark bar area and the title bar area; acquiring webpage access operation detected when a browser browses a webpage for the first time; responding to the webpage access operation, loading and acquiring corresponding initial webpage content, and displaying a top floating window, wherein the initial webpage content downwards offsets according to the offset in the loading process, the floating window downwards offsets in the rolling process, and the height of the offset is subtracted to obtain height calculation information of a scroll bar for triggering the rolling operation; displaying the initial webpage content in a webpage display area;
the acquisition module is used for acquiring the rolling operation of the target webpage content;
the display module is used for normally displaying a first webpage content after rolling in a set webpage display area according to the rolling operation, displaying a second webpage content after rolling in at least one set frosted glass display area, and displaying the second webpage content as a background of a toolbar area, a bookmark bar area and a title bar area, wherein the first webpage content is continuous with the second webpage content, and the second webpage content is summary content of the webpage content reduced based on the rolling operation;
the setting module is used for setting a browser window corresponding to the webpage access operation as a full-area webpage display window;
the dividing module is used for dividing the browser window into the webpage display area and the ground glass display area, wherein the ground glass display area is arranged above the webpage display area, and the ground glass display area is used for adding ground glass views to the background of the toolbar area, the bookmark bar area and the title bar area.
4. The apparatus for controlling display of web content according to claim 3, wherein the setting module is further configured to set a corresponding number of frosted glass display areas according to the second web content and an area of a single frosted glass display area.
5. A computer-readable storage medium, comprising a stored program, wherein the program is operable to perform the method of any one of claims 1 to 2.
6. An electronic device comprising a memory and a processor, characterized in that the memory has stored therein a computer program, the processor being arranged to execute the method of any of claims 1 to 2 by means of the computer program.
CN201510418886.6A 2015-07-15 2015-07-15 Control method and device for webpage content display Active CN106354726B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510418886.6A CN106354726B (en) 2015-07-15 2015-07-15 Control method and device for webpage content display

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510418886.6A CN106354726B (en) 2015-07-15 2015-07-15 Control method and device for webpage content display

Publications (2)

Publication Number Publication Date
CN106354726A CN106354726A (en) 2017-01-25
CN106354726B true CN106354726B (en) 2021-12-07

Family

ID=57842671

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510418886.6A Active CN106354726B (en) 2015-07-15 2015-07-15 Control method and device for webpage content display

Country Status (1)

Country Link
CN (1) CN106354726B (en)

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104615764A (en) * 2015-02-13 2015-05-13 北京搜狗科技发展有限公司 Display method and electronic equipment

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102681974B (en) * 2011-03-15 2016-06-01 联想(北京)有限公司 Display packing, display device and electronic equipment
CN103973891B (en) * 2014-05-09 2016-06-01 平安付智能技术有限公司 For the data safety processing method of software interface

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104615764A (en) * 2015-02-13 2015-05-13 北京搜狗科技发展有限公司 Display method and electronic equipment

Also Published As

Publication number Publication date
CN106354726A (en) 2017-01-25

Similar Documents

Publication Publication Date Title
US10417297B2 (en) Webpage loading method and system
US10216352B2 (en) Method, device, and storage medium for selecting content of a webpage through automatically scrolling webpage content
CN105488051B (en) Webpage processing method and device
NL2007909A (en) Method and apparatus of scrolling a document displayed in a browser window.
CN113467871A (en) H5 page display method, device, equipment and storage medium
US20150186019A1 (en) Method and apparatus for manipulating and presenting images included in webpages
CN111259284A (en) Page lazy loading method and device, storage medium and processor
CN108616575B (en) Operation monitoring method and device, computer equipment and storage medium
WO2014067442A1 (en) Page browsing method and browser
CN106610831A (en) Webpage screenshot method and device
CN105528200A (en) Browser tab display method and device
AU2015243114A1 (en) Information and action bar for a user interface
JP5563703B2 (en) Content distribution apparatus, content distribution method, content distribution program, and terminal program
AU2016205616A1 (en) Method of displaying content and electronic device implementing same
KR101294458B1 (en) Apparatus and method of inputting text in mobile device
JP6339550B2 (en) Terminal program, terminal device, and terminal control method
CN106354726B (en) Control method and device for webpage content display
CN112051957A (en) Method and related device for browsing mobile terminal page
JP2016024586A (en) Information processing device, information processing method, and program
CN105516229B (en) Method and device for updating virtual desktop
CN109032476B (en) Method for displaying big data set in graphical user interface
CN106095734B (en) Text display method and device
JP5640035B2 (en) Operation log collection method, operation log collection device, operation log collection program
WO2016050161A1 (en) Method and apparatus for closing browser labels
JP6559280B2 (en) Terminal program, terminal device, and terminal control method

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant