CN111831386B

CN111831386B - Page content display method and device, electronic equipment and computer readable medium

Info

Publication number: CN111831386B
Application number: CN202010752414.5A
Authority: CN
Inventors: 俞亮
Original assignee: Douyin Vision Co Ltd
Current assignee: Douyin Vision Co Ltd
Priority date: 2020-07-30
Filing date: 2020-07-30
Publication date: 2024-04-09
Anticipated expiration: 2040-07-30
Also published as: CN111831386A

Abstract

The disclosure provides a page content display method, a page content display device, electronic equipment and a computer readable medium, and relates to the technical field of computers. The method comprises the following steps: receiving an amplifying instruction triggered by a user on an original page; generating a target page amplified based on the original page; determining the position of the target page based on the trigger position of the amplifying instruction; determining a target selection area in the visible area based on the trigger position and the boundary of the visible area; rendering and displaying the selected area content of the target page in the target selected area. The method and the device realize the enlarged display of the page content by enlarging the original page and determining the content and the position for enlarged display by combining the triggering position of the user triggering the enlarged instruction with the boundary of the visual area.

Description

Page content display method and device, electronic equipment and computer readable medium

Technical Field

The disclosure relates to the field of computer technology, and in particular, to a page content display method, a page content display device, electronic equipment and a computer readable medium.

Background

With the continuous development of the terminal, the terminal gradually goes deep into the daily life of the user. When using a terminal, a user generally uses various application programs in terms of personal behavior habits or preference, wherein an applet is an application program which can be used without downloading and installing, and is favored by the user due to high convenience.

However, the current applet does not support the function of amplifying and displaying page contents, and when the page contents to be displayed by the applet are more, the problem that the user cannot see the page contents displayed by the applet may exist, so that the practicability of the applet is reduced; further, the aged user group generally has difficulty in seeing the content displayed on the page when not enlarged due to eye vision problems, which brings a large use threshold for the aged user group, and thus it is difficult to open the business market of the aged user group.

Disclosure of Invention

This summary is provided to introduce a selection of concepts in a simplified form that are further described below in the detailed description. This summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.

In a first aspect of the present disclosure, a method for displaying page content is provided, including: receiving an amplifying instruction triggered by a user on an original page; generating a target page amplified based on the original page; determining the position of the target page based on the trigger position of the amplifying instruction; determining a target selection area in the visible area based on the trigger position and the boundary of the visible area; rendering and displaying the selected area content of the target page in the target selected area.

In a second aspect of the present disclosure, there is provided a page content display apparatus including: the receiving module is used for receiving an amplifying instruction triggered by a user on an original page; the generation module is used for generating a target page amplified based on the original page; the position determining module is used for determining the position of the target page based on the trigger position of the amplifying instruction; the selection area determining module is used for determining a target selection area in the visible area based on the triggering position and the boundary of the visible area; and the display module is used for rendering and displaying the selected area content of the target page in the target selected area.

In a third aspect of the present disclosure, there is provided an electronic device including: a memory and a processor; a memory having a computer program stored therein; a processor for performing the method of the first aspect when the computer program is run.

In a fourth aspect of the present disclosure, there is provided a computer readable medium having stored thereon a computer program which, when executed by a processor, implements the method of the first aspect.

The beneficial effects that this disclosure provided technical scheme brought are:

after receiving an amplifying instruction triggered by a user on an original page, generating a target page, wherein the target page is generated after being amplified based on the original page, namely the full page of the original page is amplified, and determining the position of the target page by taking the triggering position of the amplifying instruction as a reference; and determining a target selected area in the visual area based on the triggering position and the boundary of the visual area, rendering and displaying the selected area content of the target page in the target selected area, combining the boundary of the visual area with the triggering position as a reference, determining the position of the target selected area, and selecting the selected area content which needs to be re-rendered in the target page and displayed in the target selected area. The method and the device realize the amplified display of the page content by amplifying the original page and determining the content and the position for amplified display by combining the triggering position of the user triggering the amplifying instruction with the boundary of the visual area; meanwhile, the content and the display position which need to be amplified and displayed can be determined according to the trigger position of the amplifying instruction, user setting is not needed, the operation flow of amplifying and displaying is simplified, and the operation difficulty is reduced.

Drawings

The above and other features, advantages, and aspects of embodiments of the present disclosure will become more apparent by reference to the following detailed description when taken in conjunction with the accompanying drawings. The same or similar reference numbers will be used throughout the drawings to refer to the same or like elements. It should be understood that the figures are schematic and that elements and components are not necessarily drawn to scale.

Fig. 1 is a flowchart of a first method for displaying page content according to an embodiment of the present disclosure;

FIG. 2 is a flowchart of a second method for displaying page content according to an embodiment of the present disclosure;

FIG. 3 is a flowchart of a third method for displaying page content according to an embodiment of the present disclosure;

FIG. 4a is a flowchart of a fourth method for displaying page content according to an embodiment of the present disclosure;

fig. 4b is a schematic diagram of a trigger position as an origin of coordinates in a fourth method for displaying page content according to an embodiment of the present disclosure;

fig. 4c is a schematic diagram of determining a target selection area in a fourth method for displaying page content according to an embodiment of the present disclosure;

fig. 5 is a schematic structural diagram of a page content display device according to an embodiment of the disclosure;

fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the disclosure.

Detailed Description

Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure have been shown in the accompanying drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustration purposes only and are not intended to limit the scope of the present disclosure.

It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order and/or performed in parallel. Furthermore, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.

The term "including" and variations thereof as used herein are intended to be open-ended, i.e., including, but not limited to. The term "based on" is based at least in part on. The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments. Related definitions of other terms will be given in the description below.

It should be noted that the terms "first," "second," and the like in this disclosure are used merely to distinguish one device, module, or unit from another device, module, or unit, and are not intended to limit the order or interdependence of the functions performed by the devices, modules, or units.

It should be noted that references to "one", "a plurality" and "a plurality" in this disclosure are intended to be illustrative rather than limiting, and those of ordinary skill in the art will appreciate that "one or more" is intended to be understood as "one or more" unless the context clearly indicates otherwise.

The names of messages or information interacted between the various devices in the embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

The following describes the technical solutions of the present disclosure and how the technical solutions of the present disclosure solve the above technical problems in detail with specific embodiments. The following embodiments may be combined with each other, and the same or similar concepts or processes may not be described in detail in some embodiments. Embodiments of the present disclosure will be described below with reference to the accompanying drawings.

Referring to fig. 1, the disclosure provides a page content display method, including:

s101, receiving an amplifying instruction triggered by a user on an original page;

s102, generating a target page which is amplified based on the original page;

s103, determining the position of a target page based on the trigger position of the amplifying instruction;

s104, determining a target selected area in the visible area based on the triggering position and the boundary of the visible area;

and S105, rendering and displaying the selected area content of the target page in the target selected area.

In the embodiment of the present disclosure, the execution subject is taken as an example and is described as an example, but not as a limitation of the execution subject.

Specifically, in the embodiment of the present disclosure, a first label carrying an original page, a second label carrying a target page, and a third label carrying a target selection area are initialized. The original page can be understood as a page displayed by a terminal interactive interface, the target page can be understood as a page formed by amplifying the original page, the target selection area can be understood as a magnifying glass for selecting the page content to be amplified and displayed and selecting the position of the amplified and displayed, and the target selection area is pre-provided with the amplifying ratio 1: n, in an embodiment, the magnification factor N of the target page depends on the preset magnification ratio 1 of the magnifying glass: n. The tag may be understood as a view set as CONTAIN, and in the embodiment of the disclosure, is used to carry the page, for example, the first tag is a first container CONTAIN1, and is used to carry a first container of the original page; the second label is a second container CONTAIN2 and is used for bearing a second container of the target page; the third label is a third container CONTAIN3, which is used for bearing a third container of the target selected area.

Specifically, in the embodiment of the present disclosure, the initialization of the original page, the target page, and the target selection area is completed offline.

The initialization of the original page comprises the steps of creating a first tag view1, setting the first tag view1 as CONTAIN1, understanding a container for bearing the original page, setting the id of the container as "contact 1", and binding an bubbling bind event; when the user clicks CONTAIN1, the event callback is called to execute the step of the page content display method.

The initializing of the target page includes creating a second tag view2, which is set as a content 2, and may be understood as a container for carrying the target page, and setting a format of the second tag view2 as a form of scale (N), that is, amplifying the tag and the content carried by the tag N times, and in this embodiment, may be understood as amplifying the same content as the original page and the first tag N times to obtain the second tag carrying the target page. In one embodiment, the style transform-origin of the second tag is set to the center center, i.e., transformed at the center of the target page. In an embodiment, the container format is set to be absolute, i.e. the container of the target page is positioned to be absolute, and may be determined by the positioning formats left or right and top or bottom. For example, knowing the user-defined CONTENT element CONTENT, the location of the CONTENT element, i.e., the distance of the CONTENT element from the left and top of the container in which it is carried, is determined using the positioning patterns left and top, with reference to the CONTENT element in the target page; in one embodiment, it is understood that the container carrying the target page is at a distance from the left and upper boundaries of the viewable area. Specifically, the pattern left is set to X, top is set to Y, and in the initialized state, variables X and Y are 0.

The initialization of the target selected area comprises the steps of creating a third label view3, namely CONTAIN3, which can be understood as a container for bearing the target selected area; in one embodiment, its style override is set to hidden, i.e., content beyond the container's scope will not be visible, e.g., content of the target page beyond the target selection scope will not be visible when CONTAIN2 is inserted into CONTAIN 3; in one embodiment, the container whose pattern position is set to be absolute, i.e. the target selection area, is set to be absolute, and may be determined by the positioning patterns left or right and top or bottom. Specifically, the positioning pattern left is set to X1, top is set to Y1, and in the initialized state, variables X1 and Y1 are 0.

In step S101, an amplifying instruction triggered by a user on an original page is received; specifically, the user may trigger the zoom-in instruction on the original page through a single click, a double click, multiple clicks, a long press, or a swipe, which is not limited by the embodiments of the present disclosure.

In step S102, generating a target page enlarged based on the original page; specifically, the target page is understood to be two independent pages from the original page, the process of generating the target page includes copying to obtain another original page and amplifying to form the target page based on the other original page, and the target page is not positioned after the target page is generated, for example, the second tag belongs to an initialized state.

In step S103, determining the position of the target page based on the trigger position of the zoom-in instruction; specifically, when the user triggers the amplifying instruction on the original page, after the triggering position of the amplifying instruction is obtained, the target page is positioned according to the triggering position, and specifically, the position of the target page is determined by adjusting the position of the second tag.

In step S104, determining a target selection area in the visible area based on the trigger position and the boundary of the visible area; in particular, the viewable area may be understood as a terminal interactive interface, window, etc., and in one embodiment, the viewable area is sized to correspond to the original page size, i.e., the original page lays down the viewable area. Wherein the target selection area is a portion of the viewable area.

In step S105, rendering and displaying the selected area content of the target page in the target selected area; in an embodiment, the second label of the container carrying the target page is inserted into the third label of the container carrying the target selection area, and the target selection area is a part of the visible area, and the target page can be fully paved with the visible area, and only a part of the target page is included in the target selection area, at this time, the selection area content of the target page in the target selection area is used as the display content of the enlarged display of the page content, and the display is performed on the selection area content.

In the embodiment of the disclosure, the triggering position of the amplifying instruction is acquired to determine the position of the target page by calling back the event of the user triggering the amplifying instruction on the original page, and the determined position of the target page is mainly used as a basis for selecting the selection area content; and determining a target selected area in the visible area through the triggering position and the boundary of the visible area, specifically determining selected area content through the relative position of the target page and the target selected area in the visible area, and re-rendering and displaying page content after determining the selected area content. The method and the device realize the amplification display of the page content, and simultaneously determine the content and the display position which need to be amplified and displayed according to the trigger position of the amplification instruction, without setting by a user, simplify the operation flow of amplifying and displaying, and reduce the operation difficulty.

Optionally, referring to fig. 2, step S101 determines the position of the target page based on the trigger position of the zoom-in instruction, including:

s201, acquiring a target element corresponding to the trigger position in the original page;

s202, reading target positions of the target elements in the target page;

s203, taking the trigger position as a reference, and loading the target page according to the target position.

The target element is specified by a user, particularly an element corresponding to a triggering position when the amplifying instruction is triggered, and because the target page is formed by amplifying an original page, page content elements included in the target element and the original page are consistent, and when the user specifies the target element on the original page, the same target element can be read on the target page.

In step S201, a target element corresponding to the trigger position in the original page is obtained, and specifically, the target element corresponding to the trigger position may be a point element corresponding to the trigger position, or may be a content element in a preset area around the trigger position.

In step S202, the target position of the target element in the target page is read, specifically, the target element is taken as a reading target, the target element is read in the target page, and the target position of the target element in the target page is determined.

In step S203, the target page is loaded according to the target position based on the trigger position, specifically, the target page is loaded into the visible area according to the target position based on the trigger position in the visible area, which has the effect of covering the target page on the upper layer of the original page, and the covering and positioning are based on the position of the target element. In an embodiment, the trigger position is taken as a reference, and the target page is loaded according to the target position, which can be understood as that the original page is enlarged to form the target page by taking the trigger position as the center.

In the embodiment of the present disclosure, steps S201, S202, and S203 implement positioning of a target page, and before an event callback, a container carrying the target page is in an initialized state, and positioning patterns X and Y are both 0; when a triggering event occurs, after the corresponding parameter callback is triggered, setting the bit pattern as a specific parameter, and positioning the target page according to the bit pattern.

Optionally, referring to fig. 3, the target page is generated by amplifying the original page according to a preset amplifying ratio, and step S102 determines a target selection area in the visible area based on the trigger position and the boundary of the visible area, including:

s301, acquiring a first distance parameter of the trigger position from the boundary of the visual area;

s302, amplifying the first distance parameter according to the amplification proportion to generate a second distance parameter;

s303, determining a target selected area in the visible area based on the second distance parameter and the trigger position.

In step S301, optionally, the first distance parameter includes a first lateral distance and a first longitudinal distance, and step S301 obtains the first distance parameter of the trigger position from the boundary of the visible area, including:

s3011, acquiring a first transverse distance between the trigger position and the left boundary or the right boundary of the visual area;

S3012 obtains a first longitudinal distance of the trigger position from an upper or lower boundary of the visual area.

In the embodiment of the present disclosure, the first lateral distance of the preferred trigger position from the left boundary of the visible region is set to left: mx; the first longitudinal distance between the trigger position and the upper boundary of the visible area is set as top: my. Since step S203 loads the target page with the trigger position as a reference, the positioning pattern x=mx, y=my of the second tag; i.e. the target element in the target page is distant from the left boundary mx of the visible area and from the upper boundary my.

In step S302, the first distance parameter is amplified according to the amplification ratio to generate a second distance parameter, where the amplification ratio is consistent with the amplification ratio N of the target page amplified by the original page.

Optionally, the second distance parameter includes: the step S303 of determining the target selection area in the visible area based on the second distance parameter and the trigger position includes:

s3031, constructing the target selected area by taking the second transverse distance as a width and the second longitudinal distance as a height;

S3032, the pre-selected target endpoints in the target selection area are docked with the trigger positions to determine the positions of the target selection area in the visible area.

Specifically, the second lateral distance is Nmx, the second longitudinal distance is Nmy, and the size of a region can be determined by the length and width, for example, the area of the target selected region is s= Nmx × Nmy. The target endpoint of the pre-selected area may be any one of four endpoints in a rectangle, and preferably, the pre-selected target endpoint in the embodiment of the present disclosure is the upper left corner endpoint of the target selected area. When the upper left corner end point of the target selection area is butted with the trigger position, the position of the target selection area in the visible area is specifically determined, and the upper left corner end point of the target selection area is specifically overlapped with the trigger position of the original page triggered by the user.

In the embodiment of the disclosure, by combining the boundary of the visual area with the triggering position as a reference, the accurate positioning of the target selection area is realized, and the selection area content of the target page to be rendered and displayed is accurately planned.

Optionally, referring to fig. 4a, step S102 determines, based on the trigger position and the boundary of the visible area, a target selection area in the visible area, including:

S401, taking the trigger position as a coordinate origin, acquiring a transverse coordinate coefficient of the trigger position from the left boundary of the visual area and a longitudinal coordinate coefficient of the upper boundary, and setting a first coordinate;

s402, setting up a second coordinate by the coefficient of the first coordinate which is inverted and amplified in an amplified proportion;

s403, determining a target selected area in the visible area according to the origin of coordinates and the second coordinates.

In step S401, a two-dimensional coordinate system is established based on the trigger position, i.e. the origin of coordinates (0, 0), see fig. 4b; and setting the transverse coordinate coefficient of the trigger position from the left boundary of the visible region as mx, and setting the longitudinal coordinate coefficient of the trigger position from the upper boundary of the visible region as my, wherein the first coordinate (X, Y) = (mx, my) is set.

In step S402, the scale-up ratio 1 is based on the first coordinate coefficient: after N is amplified and inverted, the second coordinate (X1, Y1) = (-Nmx, -Nmy) is established.

In step S403, a target selection area is determined in the visible area according to the origin of coordinates and the second coordinates, specifically, the location and the size of the target selection area can be determined by the origin of coordinates (0, 0) and the second coordinates (-Nmx, -Nmy), and the area size can be understood as s= Nmx × Nmy. Assuming that the magnification ratio is 1:2, i.e., twice, and n=2, the second coordinate is (-2 mx, -2 my), the target area selection effect determined by the origin of coordinates and the second coordinate is referred to fig. 4c.

Optionally, step S103 renders and displays the selected area content of the target page in the target selected area, including:

and cutting the overflow content overflowing the target selection area in the target page.

In the embodiment of the disclosure, the container carrying the target selection area and the style attribute of the third label are set to be overlapped to hidden, so that the content beyond the container is not visible. Specifically, after determining the position of the target page in step S101 and determining the position of the target selection area in step S102, inserting the second tag into the third tag, that is, inserting the container carrying the target page into the container of the target selection area in step S103, where the content of the target page beyond the range of the third tag in the third tag is invisible, specifically may be represented by cutting the overflow content of the target page overflowing the target selection area, and the part of the overflow content is invisible.

In the implementation of the disclosure, after the overflow content is cut, the selected content of the remaining target page in the target selected area is used as a page re-rendering style, after the page is re-rendered, the selected content is displayed in the target selected area by the visual area, and the original page content is displayed in the rest positions.

In one embodiment, the target page is enlarged on the basis of the original page by an enlargement ratio 1: a, amplifying the target selected area based on the first distance parameter to form an amplification ratio of a second distance parameter, wherein the amplification ratio is 1: b is the same, in step S302, determining a target selection area in the visible area based on the second distance parameter and the trigger position, and further includes:

and when the visual area is insufficient for planning the target selected area, taking the selected area planned in the visual area as the target selected area.

Assuming that the left or right boundary of the visual area is 15cm long, the upper or lower boundary is 8cm long, the magnification ratio=1:2, the trigger position is 4cm away from the left boundary, when the trigger position is 5cm away from the upper boundary, the first transverse distance is 4cm in the first distance parameter, the first longitudinal distance is 5cm, the second transverse distance is 8cm in the second distance parameter, and the second longitudinal distance is 10cm; at this time, the planned selected area s=8 cm×10 cm=80 cm; when the upper left corner end point in the target selected area is butted with the triggering position, the planned selected area is partially beyond the visible area, the area in the visible area in the planned selected area is taken as the target selected area, namely, the upper left corner end point of the target selected area is 4cm away from the right boundary of the visible area, and the distance is a second transverse distance, namely, the width of the target selected area is 4cm; the lower left corner end point of the target selected area is 0cm away from the lower boundary of the visible area, the upper left corner end point is 10cm away from the lower boundary of the visible area, and the distance is a second longitudinal distance, namely the length of the target selected area is 10cm; in this case, the area s=4 cm×10 cm=40 square cm of the target selection area.

In one embodiment, the target page is enlarged on the basis of the original page by an enlargement ratio 1: a, an amplification ratio 1 for amplifying the target selected area based on a first distance parameter: b is different, in step S302, a target selection area is determined in the visible area based on the second distance parameter and the trigger position, and the method further comprises:

when the viewable area is insufficient to plan the target selected area, the magnification ratio of the second distance parameter is adjusted.

Assuming that the left or right boundary of the visual area is 15cm long, the upper or lower boundary is 8cm long, the magnification ratio=1:2, the trigger position is 3cm away from the left boundary, when the trigger position is 5cm away from the upper boundary, the first transverse distance is 3cm in the first distance parameter, the first longitudinal distance is 5cm, the second transverse distance is 6cm in the second distance parameter, and the second longitudinal distance is 10cm; at this time, the planned selected area s=6 cm×10 cm=60 cm; when the left upper corner end point in the target selected area is butted with the triggering position, the planned selected area is partially beyond the visible area, at the moment, the second transverse distance from the triggering position is used as the width of the planned selected area to be beyond the visible area, the ratio of the triggering position to the right boundary of 5cm to the first transverse distance of 3cm is 1:5/3 of the amplification ratio of the second distance parameter, the second transverse distance in the second distance parameter after adjustment is 5cm, the second longitudinal distance is 25/3cm, the planned selected area after adjustment is s=5 cm by 25/3 cm=125/3 square cm, and the planned selected area after adjustment is used as the target selected area.

According to the embodiment of the disclosure, the method for adjusting the second distance parameter of the constructed target selection area is provided, so that the constructed target selection area is suitable for various scenes of clicking the original page by the user, the triggering position of the user in the original page is not required to be limited, and the user operation is simplified.

Further, the embodiment of the present disclosure further provides a method for adjusting magnification of a selected area content, after rendering and displaying the selected area content of the target page in the target selected area in step S103, the method further includes:

monitoring a sliding offset event;

when a sliding offset event occurs, acquiring the sliding offset of the trigger position;

adjusting the magnification of the selected area content according to the sliding offset;

and displaying the adjusted selected area content in the target selected area.

The amplifying magnification is set by a sliding offset, and if the preset offset is 1cm, the amplifying magnification is 1, namely the content of the selected area is amplified by 1 time; the sliding offset direction comprises four directions of up, down, left and right, specifically, the sliding offset direction is associated with the adjusted selected area content:

(1) When the sliding offset direction is upward, taking the midpoint of the lower boundary of the target selected area as a transformation center, and amplifying the content of the selected area according to the amplification factor;

(2) When the sliding offset direction is downward, taking the midpoint of the upper boundary of the target selected area as a transformation center, and amplifying the content of the selected area according to the amplification factor;

(3) When the sliding offset direction is leftwards, taking the midpoint of the right boundary of the target selected area as a transformation center, and amplifying the content of the selected area according to the amplification factor;

(4) And when the sliding offset direction is rightward, taking the midpoint of the left boundary of the target selected area as a transformation midpoint, and amplifying the selected area content according to the amplification factor.

According to the method for adjusting the magnification of the selected area content, when the user perceives that the magnification of the selected area content in the step S103 is insufficient to see the page content clearly, the page content in the current selected area content can be displayed in an enlarged mode through sliding operation, and the method is suitable for adjusting different requirements of the user on the magnification.

Referring to fig. 5, a page content display device 500 according to another embodiment of the disclosure includes:

the receiving module 501 is configured to receive an amplifying instruction triggered by a user on an original page;

a generating module 502, configured to generate a target page that is enlarged based on the original page;

a position determining module 503, configured to determine a position of the target page based on a trigger position of the zoom-in instruction;

A selection area determining module 504, configured to determine a target selection area in the visible area based on the trigger position and a boundary of the visible area;

and the display module 505 is used for rendering and displaying the selected area content of the target page in the target selected area.

Optionally, the location determining module 503 includes:

the first acquisition unit is used for acquiring target elements corresponding to the trigger positions in the original page;

the reading unit is used for reading the target position of the target element in the target page;

and the loading unit is used for loading the target page according to the target position by taking the trigger position as a reference.

Optionally, the target page is generated by amplifying the original page according to a preset amplifying ratio, and the selection area determining module 502 includes:

the second acquisition unit is used for acquiring a first distance parameter of the trigger position from the boundary of the visual area;

the amplifying unit is used for amplifying the first distance parameter according to the amplifying proportion to generate a second distance parameter;

and the first determining unit is used for determining a target selected area in the visible area based on the second distance parameter and the trigger position.

Optionally, the first distance parameter includes a first lateral distance and a first longitudinal distance, and the second acquisition unit includes:

the first acquisition subunit is used for acquiring a first transverse distance between the trigger position and the left boundary or the right boundary of the visible region;

and the second acquisition subunit is used for acquiring the first longitudinal distance between the trigger position and the upper boundary or the lower boundary of the visible region.

Optionally, the second distance parameter includes: a second lateral distance and a second longitudinal distance generated by amplifying the first lateral distance and the first longitudinal distance, the determining unit including:

a constructing subunit, configured to construct the target selected area with the second lateral distance being wide and the second longitudinal distance being high;

and the determining subunit is used for butting a preselected target endpoint in the target selected area with the trigger position so as to determine the position of the target selected area in the visible area.

Optionally, the selection area determining module 504 includes:

the first setting unit is used for taking the trigger position as a coordinate origin, acquiring a transverse coordinate coefficient of the trigger position from the left boundary of the visual area and a longitudinal coordinate coefficient of the upper boundary, and setting a first coordinate;

A second setting unit for setting up a second coordinate with a coefficient of the first coordinate which is inverted and amplified in an enlarged scale;

and the second determining unit is used for determining a target selected area in the visible area according to the origin of coordinates and the second coordinates.

Optionally, the display module 505 includes:

and the shearing unit is used for shearing the overflow content overflowing the target selection area in the target page.

The page content display device 500 is a modular description of the page content display method according to the embodiment of the disclosure, and the specific content thereof is consistent in the device and will not be described in detail.

Referring now to fig. 6, a schematic diagram of an electronic device (e.g., the terminal device of fig. 1) 600 suitable for use in implementing embodiments of the present disclosure is shown. The terminal devices in the embodiments of the present disclosure may include, but are not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and the like, and stationary terminals such as digital TVs, desktop computers, and the like. The electronic device shown in fig. 6 is merely an example and should not be construed to limit the functionality and scope of use of the disclosed embodiments.

An electronic device includes: a memory and a processor, where the processor may be referred to as a processing device 601 hereinafter, the memory may include at least one of a Read Only Memory (ROM) 602, a Random Access Memory (RAM) 603, and a storage device 608 hereinafter, as shown in detail below:

as shown in fig. 6, the electronic device 600 may include a processing means (e.g., a central processing unit, a graphics processor, etc.) 601, which may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM) 602 or a program loaded from a storage means 608 into a Random Access Memory (RAM) 603. In the RAM 603, various programs and data required for the operation of the electronic apparatus 600 are also stored. The processing device 601, the ROM 602, and the RAM 603 are connected to each other through a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.

In general, the following devices may be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, and the like; an output device 607 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 608 including, for example, magnetic tape, hard disk, etc.; and a communication device 609. The communication means 609 may allow the electronic device 600 to communicate with other devices wirelessly or by wire to exchange data. While fig. 6 shows an electronic device 600 having various means, it is to be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may be implemented or provided instead.

In particular, according to embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a non-transitory computer readable medium, the computer program comprising program code for performing the method shown in the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via communication means 609, or from storage means 608, or from ROM 602. The above-described functions defined in the methods of the embodiments of the present disclosure are performed when the computer program is executed by the processing device 601.

It should be noted that the computer readable medium described in the present disclosure may be a computer readable signal medium or a computer readable medium, or any combination of the two. The computer readable medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples of the computer-readable medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this disclosure, a computer-readable medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In the present disclosure, however, the computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, with the computer-readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A computer readable signal medium may be any computer readable medium that is not a computer readable medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, fiber optic cables, RF (radio frequency), and the like, or any suitable combination of the foregoing.

In some implementations, the clients, servers may communicate using any currently known or future developed network protocol, such as HTTP (HyperText Transfer Protocol ), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the internet (e.g., the internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed networks.

The computer readable medium may be contained in the electronic device; or may exist alone without being incorporated into the electronic device.

The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to perform the steps of: receiving an amplifying instruction triggered by a user on an original page; generating a target page amplified based on the original page; determining the position of the target page based on the trigger position of the amplifying instruction; determining a target selection area in the visible area based on the trigger position and the boundary of the visible area; rendering and displaying the selected area content of the target page in the target selected area.

Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, including, but not limited to, an object oriented programming language such as Java, smalltalk, C ++ and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computer (for example, through the Internet using an Internet service provider).

The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The modules or units involved in the embodiments of the present disclosure may be implemented by means of software, or may be implemented by means of hardware. Where the name of the module or unit does not constitute a limitation on the unit itself in some cases, for example, the location determination module may also be described as "a module that determines the location of the target page".

The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: a Field Programmable Gate Array (FPGA), an Application Specific Integrated Circuit (ASIC), an Application Specific Standard Product (ASSP), a system on a chip (SOC), a Complex Programmable Logic Device (CPLD), and the like.

In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. The machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

According to one or more embodiments of the present disclosure, there is provided a page content display method including:

receiving an amplifying instruction triggered by a user on an original page;

generating a target page amplified based on the original page;

determining the position of the target page based on the trigger position of the amplifying instruction;

determining a target selection area in the visible area based on the trigger position and the boundary of the visible area;

rendering and displaying the selected area content of the target page in the target selected area.

Optionally, the determining the position of the target page based on the trigger position of the zoom-in instruction includes:

acquiring a target element corresponding to the trigger position in the original page;

reading a target position of the target element in the target page;

and loading the target page according to the target position by taking the trigger position as a reference.

Optionally, the target page is generated by amplifying the original page according to a preset amplifying ratio, and the determining the target selection area in the visible area based on the trigger position and the boundary of the visible area includes:

acquiring a first distance parameter of the trigger position from the boundary of the visual area;

Amplifying the first distance parameter according to the amplification proportion to generate a second distance parameter;

and determining a target selected area in the visible area based on the second distance parameter and the trigger position.

Optionally, the first distance parameter includes a first lateral distance and a first longitudinal distance, and the acquiring the first distance parameter of the trigger position from the boundary of the visual area includes:

acquiring a first transverse distance between the trigger position and the left boundary or the right boundary of the visual area;

and acquiring a first longitudinal distance between the triggering position and the upper boundary or the lower boundary of the visible region.

Optionally, the second distance parameter includes: the determining, based on the second distance parameter and the trigger position, a target selection area in the visible area includes:

the second transverse distance is wide, and the second longitudinal distance is high, so that the target selected area is constructed;

and butting a pre-selected target endpoint in the target selection area with a trigger position to determine the position of the target selection area in the visible area.

Optionally, the determining the target selection area in the visible area based on the trigger position and the boundary of the visible area includes:

taking the triggering position as a coordinate origin, acquiring a transverse coordinate coefficient of the triggering position from the left boundary of the visual area and a longitudinal coordinate coefficient of the upper boundary of the visual area, and setting a first coordinate;

setting up a second coordinate with the coefficient of the first coordinate which is inverted and amplified according to the amplification proportion;

and determining a target selected area in the visible area according to the origin of coordinates and the second coordinates.

Optionally, the rendering and displaying the selected area content of the target page in the target selected area includes:

According to one or more embodiments of the present disclosure, there is provided a page content display apparatus including:

the receiving module is used for receiving an amplifying instruction triggered by a user on an original page;

the generation module is used for generating a target page amplified based on the original page;

the position determining module is used for determining the position of the target page based on the trigger position of the amplifying instruction;

the selection area determining module is used for determining a target selection area in the visible area based on the triggering position and the boundary of the visible area;

And the display module is used for rendering and displaying the selected area content of the target page in the target selected area.

Optionally, the location determination module includes:

Optionally, the selection area determining module includes:

Optionally, the display module includes:

The foregoing description is only of the preferred embodiments of the present disclosure and description of the principles of the technology being employed. It will be appreciated by persons skilled in the art that the scope of the disclosure referred to in this disclosure is not limited to the specific combinations of features described above, but also covers other embodiments which may be formed by any combination of features described above or equivalents thereof without departing from the spirit of the disclosure. Such as those described above, are mutually substituted with the technical features having similar functions disclosed in the present disclosure (but not limited thereto).

Moreover, although operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. In certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the present disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination. Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are example forms of implementing the claims.

Claims

1. A page content display method, characterized by comprising:

receiving an amplifying instruction triggered by a user on an original page;

generating a target page amplified based on the original page; the target page is formed by obtaining another original page through copying and amplifying the other original page;

determining a target selection area in the visible area based on the trigger position and the boundary of the visible area; the visual area is a terminal interactive interface, and the original page is paved with the visual area;

rendering and displaying the selected area content of the target page in the target selected area; and displaying the content of the selected area at a target selected area position of the visual area, and displaying the content of the original page at other positions of the visual area except the target selected area position.

2. The page content display method according to claim 1, wherein the determining the position of the target page based on the trigger position of the zoom-in instruction includes:

Reading a target position of the target element in the target page;

3. The page content display method according to claim 1, wherein the target page is generated by amplifying the original page according to a preset amplifying scale, and the determining the target selection area in the visible area based on the trigger position and the boundary of the visible area includes:

4. A page content display method as claimed in claim 3, wherein the first distance parameter comprises a first lateral distance and a first longitudinal distance, and the obtaining the first distance parameter of the trigger position from the boundary of the visual area comprises:

5. The page content display method as claimed in claim 4, wherein the second distance parameter comprises: the determining, based on the second distance parameter and the trigger position, a target selection area in the visible area includes:

6. The page content display method according to claim 1, wherein the determining a target selection area in the visible area based on the trigger position and a boundary of the visible area includes:

7. The page content display method according to claim 1, wherein rendering and displaying the selected area content of the target page in the target selected area includes:

8. A page content display device, characterized by comprising:

the generation module is used for generating a target page amplified based on the original page; the target page is formed by obtaining another original page through copying and amplifying the other original page;

the selection area determining module is used for determining a target selection area in the visible area based on the triggering position and the boundary of the visible area; the visual area is a terminal interactive interface, and the original page is paved with the visual area;

the display module is used for rendering and displaying the selected area content of the target page in the target selected area; and displaying the content of the selected area at a target selected area position of the visual area, and displaying the content of the original page at other positions of the visual area except the target selected area position.

9. An electronic device, comprising:

the electronic device includes a memory and a processor;

the memory stores a computer program;

the processor being adapted to perform the method of any of claims 1-7 when the computer program is run.

10. A computer readable medium, on which a computer program is stored, characterized in that the computer program, when being executed by a processor, implements the method of any of claims 1-7.