CN112685123A

CN112685123A - Page display method, equipment, medium and electronic equipment

Info

Publication number: CN112685123A
Application number: CN202110002580.8A
Authority: CN
Inventors: 李璐; 纪伟
Original assignee: Beijing Sankuai Online Technology Co Ltd
Current assignee: Beijing Sankuai Online Technology Co Ltd
Priority date: 2021-01-04
Filing date: 2021-01-04
Publication date: 2021-04-20

Abstract

The present specification discloses a page display method, device, medium, and electronic device, including: acquiring a page to be displayed and display attributes of a display screen of the terminal equipment; if the display attribute of the page to be displayed is determined not to be matched with the display attribute of the display screen of the terminal equipment, rendering the page to be displayed in the 3D curved surface container, and displaying the page content of the page to be displayed in the display screen of the terminal equipment in a 3D curved surface mode; monitoring the operation behavior of a user using the terminal equipment on the display screen aiming at the 3D curved surface; and adjusting the page content of the page to be displayed viewed by the user according to the operation behavior. The page content of the page to be displayed is displayed in the display screen of the terminal equipment in the form of the 3D curved surface, so that the problem of incomplete page display caused by improper matching is effectively solved, a user can completely view the page content of the page to be displayed, and the user experience of viewing the Web page by the user through the terminal equipment is improved.

Description

Page display method, equipment, medium and electronic equipment

Technical Field

The present disclosure relates to the field of internet information processing technologies, and in particular, to a page display method, device, medium, and electronic device.

Background

The Web, the global wide area network, is a hypertext and HTTP based, global, dynamically interactive, cross-platform, distributed graphical information system. And the Web page is a Web site page developed by a software developer for a Personal Computer (english: Personal Computer; abbreviated as PC) device.

Because the PC side display screen is larger and the visual range is wider, developers can design more contents and stronger design content when designing the Web page, and thus, when PC side users access the Web page through PC side equipment, the user experience is better. Meanwhile, the PC end user executes various operations (such as clicking operation, pulling-down operation, dragging operation and the like) on the Web page through the mouse, and the operation form is relatively single, but the operation accuracy is high.

However, with the development of mobile internet technology, more and more people access Web pages through terminal devices (e.g., smart phones). In practical application, often, because the size of the display interface of the terminal device is not adapted to the design standard of the Web page to be accessed, the Web page is displayed inappropriately on the terminal device (for example, the content of the Web page is displayed incompletely, the displayed font is small, or the displayed font is large), so that the user experience is poor when the user views the Web page through the terminal device.

Therefore, the present application provides a page display method to solve the above-mentioned problems.

Disclosure of Invention

The present specification provides a page display method, device, medium, and electronic device, to partially solve the above problems in the prior art.

The technical scheme adopted by the specification is as follows:

a page display method provided in this specification, the page display method including:

acquiring a page to be displayed;

rendering the page to be displayed in the 3D curved surface container, and enabling the page content of the page to be displayed in a 3D curved surface form in a display screen of the terminal equipment;

monitoring the operation behavior of a user using the terminal equipment on the display screen aiming at the 3D curved surface;

and adjusting the page content of the page to be displayed viewed by the user according to the operation behavior.

Optionally, rendering the page to be displayed in the 3D curved surface container specifically includes:

creating a 3D curved surface container according to the display attribute of the display screen of the terminal equipment;

determining a page screenshot of the page to be displayed, and rendering the page screenshot into the 3D curved surface container, wherein the page screenshot comprises all page contents of the page to be displayed.

Optionally, the method further includes:

creating a page operation layer on the 3D curved surface container;

monitoring the operation behavior of a user using the terminal device on the display screen aiming at the 3D curved surface, specifically comprising:

monitoring an operation event occurring on the page operation layer;

and determining the operation behavior of the user using the terminal equipment on the display screen aiming at the 3D curved surface according to the operation event.

Optionally, the page operation layer includes an operable area and a non-operable area, where transparency of the operable area is higher than transparency of the non-operable area.

Optionally, determining, according to the operation event, an operation behavior of a user using the terminal device on the display screen for the 3D curved surface includes:

determining the position of the operation event on the page operation layer;

if the position is located in the operable area, determining the operation behavior of a user using the terminal equipment on the display screen aiming at the 3D curved surface according to the operation event;

and if the position is located in the non-operable area, determining that the operation event is an invalid event.

Optionally, the 3D curved surface is a 3D spherical surface;

adjusting the page content of the page to be displayed viewed by the user according to the operation behavior, specifically comprising:

determining an operation direction and a movement distance of the operation behavior;

determining the rotation angle of the 3D spherical surface according to the operation direction and the moving distance;

and according to the rotation angle, controlling the 3D spherical surface to rotate around the sphere center by the rotation angle so as to adjust the page content of the page to be displayed viewed by the user.

Optionally, the method further includes:

searching access nodes contained in the page content of the page to be displayed under the coverage of the operable area, wherein the access nodes comprise one or more of input box access nodes, drop-down box access nodes and hyperlink access nodes;

and generating an accessible list according to the access nodes, and loading and displaying the accessible list at a specified position of the page operation layer, wherein the accessible list comprises operable column items corresponding to the access nodes.

Optionally, creating a 3D curved container specifically includes:

creating a 3D curved surface container through a canvas drawing tool;

determining a page screenshot of the page to be displayed, which specifically includes:

and performing screenshot on the page to be displayed through a puppeteer tool to obtain a page screenshot of the page to be displayed.

Optionally, determining the operation direction and the movement distance of the operation behavior specifically includes:

binding a touchstart event, a touchmove event and a touchend event with the 3D curved surface;

determining at least one of a touchstart event, a touchmove event and a touchend event triggered by the operation behavior;

and determining the operation direction and the movement distance of the operation behavior according to at least one of a touchstart event, a touchmove event and a touchend event triggered by the operation behavior.

A page display device provided in this specification, the page display device includes:

the acquisition unit is used for acquiring a page to be displayed;

the rendering unit is used for rendering the page to be displayed in the 3D curved surface container, so that the page content of the page to be displayed is displayed in a 3D curved surface form in a display screen of the terminal equipment;

the processing unit is used for monitoring the operation behavior of a user using the terminal equipment on the display screen aiming at the 3D curved surface; and adjusting the page content of the page to be displayed viewed by the user according to the operation behavior.

The present specification provides a computer-readable storage medium storing a computer program which, when executed by a processor, implements the page display method described above.

The electronic device provided by the present specification includes a memory, a processor, and a computer program stored in the memory and running on the processor, and the processor implements the above-mentioned page display method when executing the program.

The technical scheme adopted by the specification can achieve the following beneficial effects:

the page display method provided by the specification comprises the steps of obtaining a page to be displayed, rendering the page to be displayed in a 3D curved surface container, and displaying the page content of the page to be displayed in a 3D curved surface form in a display screen of the terminal equipment; monitoring the operation behavior of a user using the terminal equipment on the display screen aiming at the 3D curved surface; and adjusting the page content of the page to be displayed viewed by the user according to the operation behavior. The page content of the page to be displayed is displayed in the display screen of the terminal equipment in the form of the 3D curved surface, so that the problem of incomplete page display caused by improper matching is effectively solved, a user can completely view the page content of the page to be displayed, and the user experience of viewing the Web page by the user through the terminal equipment is improved.

Drawings

The accompanying drawings, which are included to provide a further understanding of the specification and are incorporated in and constitute a part of this specification, illustrate embodiments of the specification and together with the description serve to explain the specification and not to limit the specification in a non-limiting sense. In the drawings:

fig. 1 is a schematic flowchart of a page display method provided in an embodiment of the present disclosure;

fig. 2(a) is a schematic diagram of displaying a page to be displayed on a terminal device in the prior art;

fig. 2(b) is a schematic diagram of a page to be displayed, which is displayed in a 3D curved surface form and provided in an embodiment of the present specification;

fig. 3 is a schematic diagram of a page to be displayed and a page operation layer displayed in a 3D curved surface form according to an embodiment of the present disclosure;

FIG. 4(a) is a schematic diagram of a page to be displayed before an operation action provided by an embodiment of the present specification occurs;

fig. 4(b) is a schematic diagram of a page to be displayed after an operation action provided by an embodiment of the present specification occurs;

FIG. 5 is a schematic diagram of an accessible list provided by embodiments of the present description;

fig. 6 is a schematic structural diagram of a page display device provided in an embodiment of the present specification;

fig. 7 is a schematic structural diagram of an electronic device provided in an embodiment of this specification.

Detailed Description

Research shows that in practical application, because a Web page cannot be well adapted to a terminal device, when a user accesses the Web page through the terminal device, the situation that the page display is incomplete often occurs, so that when the user views the content of the Web page, the displayed page content needs to be moved through various operations such as amplification, reduction, sliding and the like, and the user experience is poor.

Based on this, the present specification provides a page display method, which includes acquiring a page to be displayed, rendering the page to be displayed in a 3D curved container, and displaying page content of the page to be displayed in a 3D curved form on a display screen of the terminal device; monitoring the operation behavior of a user using the terminal equipment on the display screen aiming at the 3D curved surface; and adjusting the page content of the page to be displayed viewed by the user according to the operation behavior. The page content of the page to be displayed is displayed in the display screen of the terminal equipment in the form of the 3D curved surface, so that the problem of incomplete page display caused by improper matching is effectively solved, a user can completely view the page content of the page to be displayed, and the user experience of viewing the Web page by the user through the terminal equipment is improved.

In order to make the objects, technical solutions and advantages of the present disclosure more clear, the technical solutions of the present disclosure will be clearly and completely described below with reference to the specific embodiments of the present disclosure and the accompanying drawings. It is to be understood that the embodiments described are only a few embodiments of the present disclosure, and not all embodiments. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments in the present specification without any creative effort belong to the protection scope of the present specification.

The technical solutions provided by the embodiments of the present description are described in detail below with reference to the accompanying drawings.

Fig. 1 is a schematic flowchart of a data processing method according to an embodiment of the present disclosure. The method may be as follows. The execution subject in the embodiment of the present specification may be a terminal device, or may also be a client installed on the terminal device, and the execution subject is not specifically limited here.

Step 101: and acquiring the display attributes of the page to be displayed and the display screen of the terminal equipment.

In the embodiments provided in this specification, a user sends a page access request to a server through a terminal device used in the server, where the page access request includes a page identifier of a page to be accessed. Here, the page to be accessed is a Web page. And the server determines the page content of the page to be accessed according to the received page identifier of the page to be accessed and sends the page content of the page to be accessed to the terminal equipment.

The terminal device receives page content of a page to be accessed sent by a server, and the page to be accessed described herein can be understood as a page to be displayed in the embodiments of the present specification. When the terminal equipment receives the page content of the page to be accessed, the display attribute of the page to be accessed (namely the page to be displayed) is determined. The display properties mentioned here may be understood as properties of the display device to which the page is applied, determined in the design phase, for example: the resolution and display size of the display device supported by the page, etc. That is, the page may determine the display attributes of the page during the design phase based on the display device being applied. For example: aiming at a page designed by PC equipment, the display attribute of the page is adapted to the display attribute of the PC equipment, and if the page is opened through non-PC equipment, the situation of non-adaptation exists. The adaptation is not opened, but may not be displayed as well as the adaptation after opening.

The display attribute of the display screen of the terminal device acquired here may be understood as a resolution, a size of the display screen, and the like supported by the terminal device.

Step 103: and judging whether the display attribute of the page to be displayed is matched with the display attribute of the display screen of the terminal equipment.

In an embodiment provided by the present specification, comparing the display attribute of the page to be displayed with the display attribute of the display screen of the terminal device, determining whether the display attribute of the display screen of the terminal device supports the display attribute of the page to be displayed according to a comparison result, and if so, indicating that the display attribute of the page to be displayed is adapted to the display attribute of the display screen of the terminal device; and if not, indicating that the display attribute of the page to be displayed is not matched with the display attribute of the display screen of the terminal equipment.

The term "support" as used herein is to be understood as: and the display attribute of the display screen of the terminal equipment meets the requirement of the display attribute of the page to be displayed. For example: the display attribute of the page to be displayed is that the display equipment is larger than 10 inches, and if the display attribute of the display screen of the terminal equipment is 11 inches, the display attribute of the page to be displayed is adapted to the display attribute of the display screen of the terminal equipment; and if the display attribute of the display screen of the terminal equipment is 6 inches, the display attribute of the page to be displayed is not matched with the display attribute of the display screen of the terminal equipment.

Optionally, the terminal device may further determine a network protocol supported by the page to be displayed, and determine whether the page to be displayed is adapted to the terminal device according to the supported network protocol.

The adaptation described herein may be understood as that the network protocol set for the page to be displayed is the same as the network protocol supported by the terminal device. For example: the network protocol supported by the terminal equipment is wap protocol; and if the network protocol set by the page to be displayed is a web protocol, the network protocol set by the page to be displayed is different from the network protocol supported by the terminal equipment.

It should be noted that, although the network protocols are different, this does not mean that the page to be displayed cannot be displayed on the terminal device, but the display effect is not as good as that of the page set to the wap protocol.

Specifically, if the determination result is that the display attribute of the page to be displayed is not adapted to the display attribute of the display screen of the terminal device, step 105 is executed; and if the judgment result is that the display attribute of the page to be displayed is matched with the display attribute of the display screen of the terminal equipment, loading and displaying the page to be displayed.

Step 105: and if the display attribute of the page to be displayed is not matched with the display attribute of the display screen of the terminal equipment, rendering the page to be displayed in the 3D curved surface container, so that the page content of the page to be displayed is displayed in the display screen of the terminal equipment in a 3D curved surface mode.

In an embodiment provided in this specification, a 3D curved container is created according to a display attribute of a display screen of the terminal device; determining a page screenshot of the page to be displayed, and rendering the page screenshot into the 3D curved container, so that the page content of the page to be displayed is displayed in a 3D curved form on a display screen of the terminal device.

And the page screenshot comprises all page contents of the page to be displayed.

Specifically, first, according to the display size of the display screen of the terminal device, a 3D curved surface container adapted to the display size of the display screen of the terminal device is created by a container creation tool, and specifically, the 3D curved surface container may be created by a canvas drawing tool. The 3D curved surface container can ensure that the page content of the page to be displayed is completely displayed in a 3D curved surface form in the display screen of the terminal equipment.

And secondly, obtaining a page screenshot of the page to be displayed through a screenshot tool.

The screenshot tool can be various screenshot tools such as a puppeteer tool. Specifically, the terminal device may load the page to be displayed in the background, and obtain a page screenshot of the page to be displayed through a screenshot tool in the loading process. Or, the page screenshot of the page to be displayed may be provided to the terminal device by the server. The obtaining mode of the page screenshot is not specifically limited.

Thirdly, determining the length and the width of the screenshot of the page; and rendering the screenshot of the page in a 3D curved surface container by using a DrawImage method according to the determined length and width, so that the page content of the page to be displayed is displayed in a 3D curved surface form in a display screen of the terminal equipment.

Fig. 2(a) is a schematic diagram of displaying a page to be displayed on a terminal device in the prior art. As can be seen from fig. 2(a), one web page to be displayed only displays content adapted to the display screen of the terminal device on the terminal device, and other content is in a hidden state.

As shown in fig. 2(b), a schematic diagram of a page to be displayed, which is displayed in a 3D curved surface form and provided in the embodiment of the present specification. As can be seen from fig. 2(b), a web page to be displayed is rendered in a 3D curved container, so that the page content of the page to be displayed is displayed in the form of a 3D curved surface on the display screen of the terminal device. A user using the terminal equipment can obviously see the boundary of the page, accurately position the position of the page content to be checked and effectively improve the use experience of the user.

Of course, after the page to be displayed is obtained, the page to be displayed may be rendered directly in the 3D curved container without performing the determination in step 103.

Step 107: and monitoring the operation behavior of a user using the terminal equipment on the display screen aiming at the 3D curved surface.

In the embodiments provided in this specification, for page content displayed in the form of a 3D curved surface, a user using the terminal device can browse the page content by performing an operation on the display screen.

Specifically, a touchstart event, a touchmove event, and a touchend event may be bound to the 3D surface, and specifically may be bound to a page operation layer of the 3D surface, at least one of the touchstart event, the touchmove event, and the touchend event triggered by the operation behavior is determined, and finally, the operation direction and the movement distance of the operation behavior are determined according to at least one of the touchstart event, the touchmove event, and the touchend event triggered by the operation behavior. Namely, monitoring an operation event triggered on the display screen by a user using the terminal equipment, such as: the operation events include touchstart, touchmove, touchend.

And determining the operation behavior of the user using the terminal equipment on the display screen aiming at the 3D curved surface according to the operation event. For example: judging the moving direction and the moving distance according to the operation event; and further determining the operation behavior of the user using the terminal device on the display screen aiming at the 3D curved surface according to the moving direction and the moving distance.

Optionally, the method further includes: and creating a page operation layer on the 3D curved surface container.

For example: and adding a div covering layer on the 3D curved surface container, namely creating a page operation layer.

The page operation layer comprises an operable area and a non-operable area, wherein the transparency of the operable area is higher than that of the non-operable area.

For example: operable areas contained in the page operation layer are displayed in a highlighted mode, and operable areas are displayed in a grayed mode. For another example: the display attribute of the page content covered by the operable area contained in the page operation layer is obviously greater than the value of the display attribute of the page content covered by the non-operable area contained in the page operation layer, such as: and if the display attribute is a font, the font of the page content covered by the operable area contained in the page operation layer is obviously larger than the font of the page content covered by the non-operable area contained in the page operation layer.

Optionally, the center of the operable area included in the page operation layer, the center of the display screen of the terminal device, and the center of the 3D curved surface are on the same line.

As shown in fig. 3, a schematic diagram of a page to be displayed and a page operation layer displayed in a 3D curved surface form is provided for an embodiment of the present specification. As can be seen from fig. 3, an operable area may be set near the center of the display screen of the terminal device in the page operation layer, and a non-operable area may be set near the boundary of the display screen of the terminal device.

Specifically, monitoring an operation event occurring on the page operation layer; and determining the operation behavior of the user using the terminal equipment on the display screen aiming at the 3D curved surface according to the operation event.

Optionally, when an operation event occurring on the page operation layer is monitored, determining a position of the operation event occurring on the page operation layer; if the position is located in the operable area, determining the operation behavior of a user using the terminal equipment on the display screen aiming at the 3D curved surface according to the operation event; and if the position is located in the non-operable area, determining that the operation event is an invalid event.

For example: the operation event is touchstart, the position where touchstart occurs is judged, and if the position is located in the operable area, the position where touchstart occurs is recorded as the starting position of the touch screen operation; for another example: judging the position of the touchend when the operation event is touchend, and recording the position of the touchend as the end position of the touch operation if the position is in the operable area; and calculating the movement distance and the movement direction of the touch screen operation according to the starting position and the ending position, and determining the operation behavior of a user using the terminal equipment on the display screen aiming at the 3D curved surface according to the movement distance and the movement direction.

It should be noted that, if the starting position of the touch screen operation is located in the operable area and the ending position is located in the non-operable area, when the movement distance of the touch screen operation is calculated, the boundary position of the operable area closest to the ending position is used as the ending position of the touch screen operation to calculate the movement distance.

Step 109: and adjusting the page content of the page to be displayed viewed by the user according to the operation behavior.

In the embodiment provided in the present specification, the operation direction and the movement distance of the operation behavior are determined according to the operation behavior determined in step 107; determining the rotation angle of the 3D curved surface according to the operation direction and the moving distance; and triggering to rotate the 3D curved surface along the central axis of the 3D curved surface according to the rotation angle so as to adjust the page content of the page to be displayed viewed by the user.

Optionally, the 3D curved surface is a 3D spherical surface.

Specifically, if the 3D curved surface is a 3D spherical surface, adjusting the page content of the page to be displayed viewed by the user according to the operation behavior, specifically including:

determining an operation direction and a movement distance of the operation behavior; determining the rotation angle of the 3D spherical surface according to the operation direction and the moving distance; and according to the rotation angle, controlling the 3D spherical surface to rotate around the sphere center by the rotation angle so as to adjust the page content of the page to be displayed viewed by the user.

Fig. 4(a) is a schematic diagram of a page to be displayed before an operation action occurs, according to an embodiment of the present disclosure. As can be seen from fig. 4(a), the page to be displayed is loaded and displayed on the display screen of the terminal device in the form of a 3D curved surface, where the content "a" is located at a position lower and right from the center of the 3D curved surface. In addition, the page content of the page to be displayed can be seen from the 3D curved surface, and the content closer to the center of the 3D curved surface is clearer.

As shown in fig. 4(b), a schematic diagram of a page to be displayed after an operation action occurs is provided for an embodiment of the present specification. Based on the content displayed in FIG. 4(a), the user performs an operation (e.g., "slide up" operation) within the actionable area, which causes the content of the page under the actionable area to change. As can be seen from fig. 4(b), the location of the content "a" changes.

Optionally, the method further includes:

In practical application, because the display attribute of the Web page is not adapted to the display attribute of the display screen of the terminal device, when the Web page is loaded and displayed on the terminal device, a user executes operation on the Web page loaded and displayed, and misoperation often occurs. In order to improve the accuracy of the operation, when the page to be displayed is loaded and displayed on the display screen of the terminal device in the form of a 3D curved surface, the page content of the page to be displayed under the coverage of the operable area may be traversed to determine an access node included in the page content of the page to be displayed under the coverage of the operable area. And generating an accessible list according to the access node, so that the user can realize the access to the access node contained in the page content of the page to be displayed by clicking the operable column item in the accessible list.

Fig. 5 is a schematic diagram of an accessible list provided in an embodiment of the present specification. As can be seen from fig. 5, the access nodes included in the page content of the page to be displayed under the coverage of the operable area include: the input box access nodes and the hyperlink access nodes generate operable lists corresponding to each access node according to each access node; and summarizing the obtained operable column items corresponding to each access node to obtain an accessible list.

The terminal device can determine the access node triggered by the user according to the mapping relation between the operational list items and the access nodes which are established in advance after the terminal device monitors the clicking operation of the user, and responds to the clicking operation of the user according to the attribute of the determined access node. For example: and when the access node corresponding to the operable column item clicked by the user is a hyperlink access node, the terminal equipment sends a hyperlink access request to the server according to a hyperlink address corresponding to the hyperlink access node, receives hyperlink access content sent by the server and loads and displays the received hyperlink access content to the user.

It should be noted that "the designated position" in "loading and displaying the accessible list at the designated position of the page operation layer" may be located in an operable area of the page operation layer, or may be located in a non-operable area of the page operation layer; if the accessible list is located in the non-operable area, the accessible list is suspended above the non-operable area and is operable.

According to the technical scheme provided by the specification, the display attributes of the page to be displayed and the display screen of the terminal equipment are obtained; judging whether the display attribute of the page to be displayed is matched with the display attribute of the display screen of the terminal equipment or not; if the display attribute of the page to be displayed is not matched with the display attribute of the display screen of the terminal equipment, rendering the page to be displayed in a 3D curved surface container to enable the page content of the page to be displayed in the display screen of the terminal equipment in a 3D curved surface mode; monitoring the operation behavior of a user using the terminal equipment on the display screen aiming at the 3D curved surface; and adjusting the page content of the page to be displayed viewed by the user according to the operation behavior.

The page content of the page to be displayed is displayed in the display screen of the terminal equipment in the form of the 3D curved surface, so that the problem of incomplete page display caused by improper matching is effectively solved, a user can completely view the page content of the page to be displayed, and the user experience of viewing the Web page by the user through the terminal equipment is improved.

Based on the same idea, the page display method provided by the embodiment of the present specification further provides a corresponding device, a storage medium and an electronic device.

Fig. 6 is a schematic structural diagram of a page display device provided in an embodiment of the present specification, where the page display device includes: an acquisition unit 601, a rendering unit 602, and a processing unit 603, wherein:

an obtaining unit 601, configured to obtain a page to be displayed;

a rendering unit 602, configured to render the page to be displayed in a 3D curved container, so that the page content of the page to be displayed is displayed in the form of a 3D curved surface in the display screen of the terminal device;

the processing unit 603 is configured to monitor an operation behavior of a user using the terminal device on the display screen for the 3D curved surface; and adjusting the page content of the page to be displayed viewed by the user according to the operation behavior.

In another embodiment provided in this specification, the rendering unit 602 renders the page to be displayed in a 3D curved surface container, specifically including:

In another embodiment provided in the present specification, the page display apparatus further includes: a creating unit 604, wherein:

the creating unit 604 is configured to create a page operation layer on the 3D curved surface container;

the monitoring, by the processing unit 603, an operation behavior of a user using the terminal device on the display screen for the 3D curved surface specifically includes:

monitoring an operation event occurring on the page operation layer;

In another embodiment provided by the present specification, the page operation layer includes an operable area and a non-operable area, wherein the transparency of the operable area is higher than the transparency of the non-operable area.

In another embodiment provided in this specification, the determining, by the processing unit 603, an operation behavior of a user using the terminal device on the display screen for the 3D curved surface according to the operation event specifically includes:

determining the position of the operation event on the page operation layer;

In another embodiment provided in the present specification, the 3D curved surface is a 3D spherical surface.

In another embodiment provided in this specification, the adjusting, by the processing unit 603, the page content of the page to be displayed viewed by the user according to the operation behavior specifically includes:

In another embodiment provided in the present specification, the page display apparatus further includes: a search unit 605, wherein:

the searching unit 605 is configured to search for access nodes included in the page content of the page to be displayed under the coverage of the operable area, where the access nodes include one or more of an input box access node, a drop-down box access node, and a hyperlink access node;

The rendering unit 602 is specifically configured to create a 3D curved surface container through a canvas rendering tool; and performing screenshot on the page to be displayed through a puppeteer tool to obtain a page screenshot of the page to be displayed.

The processing unit 603 is specifically configured to bind a touchstart event, a touchmove event, and a touchend event to the 3D curved surface; determining at least one of a touchstart event, a touchmove event and a touchend event triggered by the operation behavior; and determining the operation direction and the movement distance of the operation behavior according to at least one of a touchstart event, a touchmove event and a touchend event triggered by the operation behavior.

It should be noted that the page display device provided in the embodiment of the present specification may be implemented in a hardware manner, or may be implemented in a software manner, where the implementation manner is not specifically limited. The page display device acquires a page to be displayed and display attributes of a display screen of the terminal device; judging whether the display attribute of the page to be displayed is matched with the display attribute of the display screen of the terminal equipment or not; if the display attribute of the page to be displayed is not matched with the display attribute of the display screen of the terminal equipment, rendering the page to be displayed in a 3D curved surface container to enable the page content of the page to be displayed in the display screen of the terminal equipment in a 3D curved surface mode; monitoring the operation behavior of a user using the terminal equipment on the display screen aiming at the 3D curved surface; and adjusting the page content of the page to be displayed viewed by the user according to the operation behavior.

The present specification also provides a computer-readable storage medium storing a computer program which, when executed by a processor, is operable to perform the page display method provided in fig. 1 above.

Based on the page display method shown in fig. 1, the embodiment of the present specification further provides a schematic structural diagram of the electronic device shown in fig. 7. As shown in fig. 7, at the hardware level, the electronic device includes a processor, an internal bus, a network interface, a memory, and a non-volatile memory, but may also include hardware required for other services. The processor reads a corresponding computer program from the non-volatile memory into the memory and then runs the computer program to implement the page display method described in fig. 1. The method comprises the steps of obtaining a page to be displayed and display attributes of a display screen of the terminal equipment; if the display attribute of the page to be displayed is determined not to be matched with the display attribute of the display screen of the terminal equipment, rendering the page to be displayed in a 3D curved surface container, and displaying the page content of the page to be displayed in the display screen of the terminal equipment in a 3D curved surface mode; monitoring the operation behavior of a user using the terminal equipment on the display screen aiming at the 3D curved surface; and adjusting the page content of the page to be displayed viewed by the user according to the operation behavior.

Of course, besides the software implementation, the present specification does not exclude other implementations, such as logic devices or a combination of software and hardware, and the like, that is, the execution subject of the following processing flow is not limited to each logic unit, and may be hardware or logic devices.

In the 90 s of the 20 th century, improvements in a technology could clearly distinguish between improvements in hardware (e.g., improvements in circuit structures such as diodes, transistors, switches, etc.) and improvements in software (improvements in process flow). However, as technology advances, many of today's process flow improvements have been seen as direct improvements in hardware circuit architecture. Designers almost always obtain the corresponding hardware circuit structure by programming an improved method flow into the hardware circuit. Thus, it cannot be said that an improvement in the process flow cannot be realized by hardware physical modules. For example, a Programmable Logic Device (PLD), such as a Field Programmable Gate Array (FPGA), is an integrated circuit whose Logic functions are determined by programming the Device by a user. A digital system is "integrated" on a PLD by the designer's own programming without requiring the chip manufacturer to design and fabricate application-specific integrated circuit chips. Furthermore, nowadays, instead of manually making an Integrated Circuit chip, such Programming is often implemented by "logic compiler" software, which is similar to a software compiler used in program development and writing, but the original code before compiling is also written by a specific Programming Language, which is called Hardware Description Language (HDL), and HDL is not only one but many, such as abel (advanced Boolean Expression Language), ahdl (alternate Hardware Description Language), traffic, pl (core universal Programming Language), HDCal (jhdware Description Language), lang, Lola, HDL, laspam, hardward Description Language (vhr Description Language), vhal (Hardware Description Language), and vhigh-Language, which are currently used in most common. It will also be apparent to those skilled in the art that hardware circuitry that implements the logical method flows can be readily obtained by merely slightly programming the method flows into an integrated circuit using the hardware description languages described above.

The controller may be implemented in any suitable manner, for example, the controller may take the form of, for example, a microprocessor or processor and a computer-readable medium storing computer-readable program code (e.g., software or firmware) executable by the (micro) processor, logic gates, switches, an Application Specific Integrated Circuit (ASIC), a programmable logic controller, and an embedded microcontroller, examples of which include, but are not limited to, the following microcontrollers: ARC 625D, Atmel AT91SAM, Microchip PIC18F26K20, and Silicone Labs C8051F320, the memory controller may also be implemented as part of the control logic for the memory. Those skilled in the art will also appreciate that, in addition to implementing the controller as pure computer readable program code, the same functionality can be implemented by logically programming method steps such that the controller is in the form of logic gates, switches, application specific integrated circuits, programmable logic controllers, embedded microcontrollers and the like. Such a controller may thus be considered a hardware component, and the means included therein for performing the various functions may also be considered as a structure within the hardware component. Or even means for performing the functions may be regarded as being both a software module for performing the method and a structure within a hardware component.

The systems, devices, modules or units illustrated in the above embodiments may be implemented by a computer chip or an entity, or by a product with certain functions. One typical implementation device is a computer. In particular, the computer may be, for example, a personal computer, a laptop computer, a cellular telephone, a camera phone, a smartphone, a personal digital assistant, a media player, a navigation device, an email device, a game console, a tablet computer, a wearable device, or a combination of any of these devices.

For convenience of description, the above devices are described as being divided into various units by function, and are described separately. Of course, the functions of the various elements may be implemented in the same one or more software and/or hardware implementations of the present description.

As will be appreciated by one skilled in the art, embodiments of the present description may be provided as a method, system, or computer program product. Accordingly, the description may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the description may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.

The description has been presented with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the description. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.

The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or Flash memory (Flash RAM). Memory is an example of a computer-readable medium.

Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.

It should also be noted that 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.

This description may be described in the general context of computer-executable instructions, such as program modules, being executed by a computer. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform particular tasks or implement particular abstract data types. The specification may also be practiced in distributed computing environments where tasks are performed by remote processing devices that are linked through a communications network. In a distributed computing environment, program modules may be located in both local and remote computer storage media including memory storage devices.

The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for the system embodiment, since it is substantially similar to the method embodiment, the description is simple, and for the relevant points, reference may be made to the partial description of the method embodiment.

The above description is only an example of the present specification, and is not intended to limit the present specification. Various modifications and alterations to this description will become apparent to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present specification should be included in the scope of the claims of the present specification.

Claims

1. A page display method, characterized in that the method comprises:

acquiring a page to be displayed;

2. The page display method according to claim 1, wherein rendering the page to be displayed in the 3D curved container specifically comprises:

3. The page display method of claim 1, wherein the method further comprises:

creating a page operation layer on the 3D curved surface container;

monitoring an operation event occurring on the page operation layer;

4. The method of claim 3, wherein the page operation layer comprises operable areas and non-operable areas, wherein the transparency of the operable areas is higher than the transparency of the non-operable areas.

5. The method according to claim 4, wherein determining, according to the operation event, an operation behavior of a user using the terminal device on the display screen for the 3D curved surface specifically includes:

determining the position of the operation event on the page operation layer;

6. The method of claim 1 or 5, wherein the 3D curved surface is a 3D sphere;

7. The method of claim 4, wherein the method further comprises:

8. The page display method according to claim 2, wherein creating the 3D surface container specifically comprises:

creating a 3D curved surface container through a canvas drawing tool;

9. The method of claim 6, wherein determining the operation direction and the movement distance of the operation behavior comprises:

10. A page display device, characterized in that the page display device comprises:

the acquisition unit is used for acquiring a page to be displayed;

11. A computer-readable storage medium, characterized in that the storage medium stores a computer program which, when executed by a processor, implements the page display method of any of the preceding claims 1 to 9.

12. An electronic device comprising a memory, a processor and a computer program stored on the memory and running on the processor, wherein the processor implements the page display method of any of claims 1 to 9 when executing the program.