CN111143731A - Display method and device for webpage interface zooming and terminal equipment - Google Patents
Display method and device for webpage interface zooming and terminal equipment Download PDFInfo
- Publication number
- CN111143731A CN111143731A CN201911318414.8A CN201911318414A CN111143731A CN 111143731 A CN111143731 A CN 111143731A CN 201911318414 A CN201911318414 A CN 201911318414A CN 111143731 A CN111143731 A CN 111143731A
- Authority
- CN
- China
- Prior art keywords
- zooming
- calibration area
- zoom
- webpage interface
- elements
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Abstract
The application discloses a display method, a display device and terminal equipment for webpage interface zooming, relates to the technical field of internet, and is used for realizing accurate zooming of partial areas of a webpage interface and improving the flexibility of webpage interface zooming, and the method comprises the following steps: obtaining a zooming instruction aiming at a webpage interface currently displayed by a terminal; the method comprises the steps of obtaining selection operation aiming at an option menu displayed in a webpage interface, and determining a target calibration area according to the selection operation, wherein the option menu is a menu used for setting the calibration area in the webpage interface; after the webpage interface is zoomed according to a first zoom multiple corresponding to the zoom instruction, zooming the elements in the target calibration area according to a second zoom multiple, wherein the type of the elements is opposite to that of the zoom instruction, so that the sizes of the elements in the target calibration area before and after zooming are kept the same, the second zoom multiple is equal to the first zoom multiple, and the elements comprise any one or more of characters, pictures, playing plug-ins and application icons.
Description
Technical Field
The present application relates to the field of computer technologies, and in particular, to a method and an apparatus for displaying a web interface during zooming, and a terminal device.
Background
With the development of internet technology, network applications are becoming more and more abundant and diverse. At present, when a webpage is browsed through a terminal, the amount of content displayed in the webpage is limited by the size of a display screen on the terminal, and when the display screen of the terminal does not bear all the content in the webpage, a user reduces the webpage so that the whole webpage interface can be displayed; or when the content displayed in the webpage is unclear, the user can also enlarge the webpage so that the user can clearly view the content displayed in the webpage. However, when the existing webpage is zoomed, all contents displayed in the webpage need to be zoomed together, and the webpage cannot be zoomed in a targeted manner, so that the zooming flexibility is low, and inconvenience is brought to browsing of a user.
Disclosure of Invention
The embodiment of the application provides a display method and device for zooming a webpage interface and terminal equipment, which are used for accurately zooming part of the webpage interface and improving the flexibility of zooming the webpage interface.
In one aspect, a method for displaying a webpage interface during zooming is provided, which includes:
obtaining a zooming instruction aiming at a webpage interface currently displayed by a terminal;
obtaining selection operation aiming at an option menu displayed in the webpage interface, and determining a target calibration area according to the selection operation, wherein the option menu is a menu used for setting the calibration area in the webpage interface;
after the webpage interface is zoomed according to a first zoom multiple corresponding to the zoom instruction, zooming the elements in the target calibration area according to a second zoom multiple, wherein the type of the elements is opposite to that of the zoom instruction, so that the sizes of the elements in the target calibration area before and after zooming are the same, the second zoom multiple is equal to the first zoom multiple, and the elements comprise any one or more combinations of characters, pictures, playing plug-ins and application icons.
In one possible design, the preset options include an option for selecting a default calibration region and an option for selecting a custom calibration region.
In one possible design, determining the target calibration area according to the selecting operation includes:
if the preset option determined by the selection operation is a default calibration area, determining the preset default calibration area as a target calibration area, wherein the default calibration area is a calibration area with the same display size of elements before and after zooming set when the program corresponding to the web interface leaves a factory;
and if the preset option determined by the selection operation is a user-defined calibration area, detecting at least one calibration area selected by a user from the web interface according to a preset mode, and determining the at least one calibration area as a target calibration area.
In one possible design, detecting at least one calibration area selected by a user from the web interface according to a predetermined manner includes:
obtaining a selection frame for selecting a calibration area, and detecting at least one calibration area selected by the selection frame in the webpage interface; alternatively, the first and second electrodes may be,
and acquiring selection operation aiming at a plurality of calibration areas divided according to different functions in the webpage interface, and taking at least one calibration area corresponding to the selection operation as a target calibration area.
In one possible design, after zooming the web interface according to a first zoom factor corresponding to the zoom instruction, zooming the element in the target calibration area according to a second zoom factor, the type of which is opposite to that of the zoom instruction, includes:
determining a zoom type of the zoom instruction, the zoom type including zoom-out and zoom-in;
if the zooming type is zooming out, zooming out the webpage interface according to the first zooming multiple, and then zooming in the elements included in the target calibration area according to the second zooming multiple;
if the zooming type is zooming-in, zooming out the elements included in the target calibration area according to the second zooming multiple after the webpage interface is zoomed in according to the first zooming multiple.
In one possible design, when the element includes a plurality of elements, scaling the element in the target calibration area by a second scaling factor opposite to the type of the scaling instruction is specifically:
and only the characters included by the elements in the target calibration area are scaled according to the second scaling multiple, wherein the scaling instruction is of the opposite type.
In one possible design, before zooming the web interface according to the first zoom factor corresponding to the zoom instruction, the method further includes:
determining a first font size of characters included in the webpage interface after zooming according to the first zoom factor;
comparing the first font size with a font size threshold of the webpage interface;
if the first font size exceeds the font size threshold, zooming the characters in the webpage interface according to the font size threshold;
and if the first font size does not exceed the font size threshold, zooming the characters in the webpage interface according to the first font size.
In one aspect, a display device for zooming a web interface is provided, which includes:
the obtaining module is used for obtaining a zooming instruction aiming at a webpage interface currently displayed by the terminal;
the determining module is used for obtaining selection operation aiming at an option menu displayed in the webpage interface and determining a target calibration area according to the selection operation, wherein the option menu is a menu used for setting the calibration area in the webpage interface;
and the zooming module is used for zooming the webpage interface according to a first zooming multiple corresponding to the zooming instruction and zooming the elements in the target calibration area according to a second zooming multiple, wherein the types of the elements in the target calibration area are opposite to those of the zooming instruction, so that the sizes of the elements in the target calibration area before and after zooming are the same, the second zooming multiple is equal to the first zooming multiple, and the elements comprise any one or more combinations of characters, pictures, playing plugins and application icons.
In one possible design, the preset options include an option for selecting a default calibration region and an option for selecting a custom calibration region.
In one possible design, the determining module is specifically configured to:
if the preset option determined by the selection operation is a default calibration area, determining the preset default calibration area as a target calibration area, wherein the default calibration area is a calibration area with the same display size of elements before and after zooming set when the program corresponding to the web interface leaves a factory;
and if the preset option determined by the selection operation is a user-defined calibration area, detecting at least one calibration area selected by a user from the web interface according to a preset mode, and determining the at least one calibration area as a target calibration area.
In one possible design, the determining module is further configured to:
obtaining a selection frame for selecting a calibration area, and detecting at least one calibration area selected by the selection frame in the webpage interface; alternatively, the first and second electrodes may be,
and acquiring selection operation aiming at a plurality of calibration areas divided according to different functions in the webpage interface, and taking at least one calibration area corresponding to the selection operation as a target calibration area.
In one possible design, the scaling module is specifically configured to:
determining a zoom type of the zoom instruction, the zoom type including zoom-out and zoom-in;
if the zooming type is zooming out, zooming out the webpage interface according to the first zooming multiple, and then zooming in the elements included in the target calibration area according to the second zooming multiple;
if the zooming type is zooming-in, zooming out the elements included in the target calibration area according to the second zooming multiple after the webpage interface is zoomed in according to the first zooming multiple.
In one possible design, when the element includes a plurality, the scaling module is further to:
and only the characters included by the elements in the target calibration area are scaled according to the second scaling multiple, wherein the scaling instruction is of the opposite type.
In one possible design, the apparatus further includes a comparison module configured to:
determining a first font size of characters included in the webpage interface after zooming according to the first zoom factor;
comparing the first font size with a font size threshold of the webpage interface;
if the first font size exceeds the font size threshold, zooming the characters in the webpage interface according to the font size threshold;
and if the first font size does not exceed the font size threshold, zooming the characters in the webpage interface according to the first font size.
In one aspect, a terminal device is provided, where the terminal device includes a memory, a processor, and a computer program stored in the memory and executable on the processor, and the processor executes the computer program to implement the steps included in the method for displaying when zooming the web interface in the above aspects.
In one aspect, a computer-readable storage medium is provided, and the computer-readable storage medium stores computer-executable instructions for causing a computer to execute the steps included in the method for displaying when the web interface is zoomed in or out in the above aspects.
In the embodiment of the application, an option menu for setting a calibration area in a web interface can be displayed according to a zoom instruction obtained for the web interface currently displayed by a terminal, and then a target calibration area can be determined according to a selection operation for a preset option in the option menu, so that when the web interface is zoomed according to a first zoom scale corresponding to the zoom instruction, elements in the target calibration area are zoomed in a manner opposite to the zoom instruction type, so that the sizes of the elements in the target calibration area before and after zooming are the same, that is, the sizes of the elements in the target calibration area before and after zooming are visually kept unchanged. The second zoom multiple is equal to the first zoom multiple, and the elements in the target calibration area comprise any one or combination of multiple of characters, pictures, playing plug-ins and application icons. Therefore, a user can select a part of the area in the webpage interface to accurately zoom according to actual requirements without carrying out global zooming on the webpage interface, so that the flexibility of zooming the webpage interface is improved, and the webpage interface before and after zooming is more convenient for the user to operate. In addition, the user experience can be improved while the content in the webpage interface browsed by the user is not influenced.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present application.
Fig. 1 is a flowchart of a display method for zooming a web interface according to an embodiment of the present disclosure;
FIG. 2 is a schematic diagram of a displayed options menu provided by an embodiment of the present application;
FIG. 3 is an intention of selecting a target calibration area through a marquee according to an embodiment of the present application;
fig. 4 is a schematic diagram of dividing a web interface into a plurality of calibration areas according to different functions according to an embodiment of the present application;
fig. 5 is a schematic view of a display device for zooming a web interface according to an embodiment of the present disclosure;
fig. 6 is a schematic structural diagram of a terminal device according to an embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some embodiments, but not all embodiments, of the technical solutions of the present application. All other embodiments obtained by a person skilled in the art without any inventive step based on the embodiments described in the present application are within the scope of the protection of the present application.
The terms "first" and "second" in the description and claims of the present application and the above-described drawings are used for distinguishing between different objects and not for describing a particular order. Furthermore, the term "comprises" and any variations thereof, which are intended to cover non-exclusive protection. For example, a process, method, system, article, or apparatus that comprises a list of steps or elements is not limited to only those steps or elements listed, but may alternatively include other steps or elements not listed, or inherent to such process, method, article, or apparatus. The "plurality" in the present application may mean at least two, for example, two, three or more, and the embodiments of the present application are not limited.
In addition, the term "and/or" herein is only one kind of association relationship describing an associated object, and means that there may be three kinds of relationships, for example, a and/or B, which may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the character "/" in this document generally indicates that the preceding and following related objects are in an "or" relationship unless otherwise specified.
In the prior art, as described above, when a webpage is zoomed, all contents displayed in the webpage need to be zoomed together, and the webpage cannot be zoomed in a targeted manner, so that the zooming flexibility is low, and inconvenience is brought to browsing of a user.
In view of this, the applicant of the present application provides a display scheme for zooming a web interface, in which an option menu for setting a calibration area in the web interface may be displayed according to a zoom instruction obtained for a currently displayed web interface of a terminal, and then a target calibration area may be determined according to a selection operation of a user for a preset option in the option menu, so that when the web interface is zoomed according to a first zoom scale corresponding to the zoom instruction, an element in the target calibration area is zoomed in a manner opposite to the zoom instruction type, so that sizes of the elements in the target calibration area before and after zooming are the same, that is, the sizes of the elements in the target calibration area before and after zooming are visually maintained unchanged. Therefore, the user can select partial areas in the webpage interface to accurately zoom according to actual requirements, the flexibility of zooming the webpage interface is improved, and the use experience of the user can be improved while the content in the webpage interface is not influenced.
To further illustrate the technical solutions provided by the embodiments of the present application, the following detailed description is made with reference to the accompanying drawings and the detailed description. Although the embodiments of the present application provide the method operation steps as shown in the following embodiments or figures, more or less operation steps may be included in the method based on the conventional or non-inventive labor. In steps where no necessary causal relationship exists logically, the order of execution of the steps is not limited to that provided by the embodiments of the present application. The method can be executed in sequence or in parallel according to the method shown in the embodiment or the figure when the method is executed in an actual processing procedure or a device.
Referring to fig. 1, a flowchart of a method for displaying a webpage interface during zooming provided in the embodiment of the present application is shown, and a technical solution in the embodiment of the present application is described below with reference to the flowchart shown in fig. 1.
Step 101: and obtaining a zooming instruction aiming at the webpage interface currently displayed by the terminal.
The terminal in the embodiment of the application can be used for browsing various webpages and displaying the browsed webpages in the display screen, and the terminal can be mobile or fixed. For example, a mobile phone, a tablet computer, various wearable devices, a vehicle-mounted device, a Personal Digital Assistant (PDA), a point of sale (POS), or other terminals capable of implementing the above functions.
In the embodiment of the present application, the manner of obtaining the zoom instruction may include multiple manners, and specifically, the zoom instruction may be divided according to whether the terminal display screen has a touch function. If the terminal display screen is a non-touch screen, the zoom instruction can be obtained according to the operation of the user on a zoom-out or zoom-in key or a shortcut key (for example, pressing a Ctrl key to slide a mouse wheel) in the terminal. If the terminal display screen can be touched, the zoom instruction can be obtained through the same operation mode as the non-touch display screen, and besides, the zoom instruction can be obtained according to the operation of the user touching the display screen of the terminal, for example, a currently common web interface which is displayed in a reduced size by sliding in two opposite directions is used.
Step 102: the method comprises the steps of obtaining selection operation aiming at an option menu displayed in a webpage interface, and determining a target calibration area according to the selection operation, wherein the option menu is used for setting the calibration area in the webpage interface.
In the embodiment of the present application, please refer to fig. 2, and fig. 2 shows an option menu for setting a calibration area in a web page. The option menu can be always displayed in the web interface, so that the user selects the calibration area before performing the zooming operation, that is, the terminal can obtain the calibration area before obtaining the zooming instruction. Further, after the terminal obtains the zoom instruction, an option menu for setting the calibration area of the web interface may be displayed in the web interface. The calibration area may be understood as an area where the size of the elements displayed before and after the zooming of the web interface does not change visually. The option menu comprises an option for selecting the default calibration area and an option for selecting the user-defined calibration area, a user can select the default calibration area according to the requirement, or the option for selecting the user-defined calibration area also sets the target calibration area, and the flexibility is high, so that the use experience of the user can be improved.
In the embodiment of the present application, a selection operation performed by a user with respect to a preset option in the option menu shown in fig. 2 may be obtained. If the preset option determined by the selection operation is a default calibration area, determining the preset default calibration area as a target calibration area, wherein the default calibration area is a calibration area with the same display size of elements before and after zooming, which are set when a program corresponding to the web interface leaves a factory; for example, a navigation area in the web interface and/or a bottom general area in the web interface may be set as a default calibration area. Therefore, the calibration area can be determined quickly, and then scaling of other areas except the calibration area in the webpage interface can be realized quickly, so that the scaling efficiency is ensured, and the user experience is improved.
Further, if the preset option determined by the selection operation is the user-defined calibration area, detecting at least one calibration area selected by the user from the web interface according to a predetermined mode, and determining the at least one calibration area as a target calibration area. Namely, the user can select one or more areas in the web interface to be set as the calibration areas by himself, so that the finally selected calibration areas better meet the actual requirements of the user, and further the web interface can be accurately zoomed.
The method for selecting at least one calibration area from the web interface by the user according to the predetermined method includes, but is not limited to, the following two methods:
firstly, a selecting frame for selecting a calibration area is obtained, and at least one calibration area selected by the selecting frame in a webpage interface is detected.
In the embodiment of the present application, please refer to fig. 3, after it is detected that the user selects the option of the custom calibration area, a marquee may be displayed in the web interface, and the marquee may move arbitrarily in the web interface or adjust the size of the marquee, so that the user may drag the marquee to a position corresponding to the web interface and adjust the size of the marquee, so as to realize self-selection of the calibration area from the web interface. Therefore, the flexibility of selecting the calibration area is higher, the use requirement of a user is better met, and the use experience of the user is improved. It should be noted that the shape of the marquee may be a rectangular frame as shown in fig. 3, or may be other shapes such as a circle and an ellipse, and the embodiment of the present application is not particularly limited.
And secondly, acquiring selection operations of a plurality of calibration areas divided according to different functions in the web interface, and taking at least one calibration area corresponding to the selection operations as a target calibration area.
In the embodiment of the application, after it is detected that the user selects the option of the custom calibration area, the content displayed in the web interface may also be divided into a plurality of calibration areas according to different functions, for example, as shown in fig. 4, the web interface may be divided into three areas, namely a navigation area, a text area, and a side list area. The user can arbitrarily select at least one calibration area from the three areas, for example, can select a navigation area therein, and can also select three areas, namely a navigation area, a text area and a side list area. Further, the terminal may obtain the at least one calibration region selected by the user, and use the at least one calibration region as a target calibration region. In this way, the user can directly select the target calibration area from the divided calibration areas without the user selecting the target calibration area by the selection frame, so that the calibration area can be selected quickly, the calibration area selection efficiency is improved, and the user experience of the user can be further improved.
Step 203: after the webpage interface is zoomed according to a first zoom multiple corresponding to the zoom instruction, zooming the elements in the target calibration area according to a second zoom multiple, wherein the type of the elements is opposite to that of the zoom instruction, so that the sizes of the elements in the target calibration area before and after zooming are kept the same, the second zoom multiple is equal to the first zoom multiple, and the elements comprise any one or combination of multiple of characters, pictures, playing plug-ins and application icons.
In this embodiment of the application, since the calibration region is a part of the web interface, and the elements in the calibration region may be scaled when the web interface is scaled, in order to determine that the size of the elements included in the target calibration region does not change visually when the web interface is scaled, the elements in the target calibration region may be scaled by the same scaling factor, which is opposite to the scaling type of the web interface, immediately after the web interface is scaled. So as to avoid affecting the browsing experience of the user on the web interface.
In a specific practical process, the zooming type comprises zooming-out and zooming-in, when the terminal zooms the webpage interface, the zooming type of the obtained zooming instruction can be determined firstly, if the zooming type corresponding to the zooming instruction is zooming-out, the elements included in the target calibration area can be zoomed-in according to a second zooming multiple after the webpage interface is zoomed-out according to a first zooming multiple; if the zooming type corresponding to the zooming instruction is zooming-in, after the webpage interface is zoomed in according to the first zooming multiple, the elements included in the target calibration area can be zoomed out according to the second zooming multiple. Because the second zoom factor is the same as the first zoom factor, after the whole webpage interface is zoomed according to the first zoom factor, the element in the target calibration area is zoomed according to the second zoom factor with the same zoom factor, which is opposite to the zoom type of the webpage interface, and the zoom can be equivalent to that the element in the target calibration area is not zoomed, so before and after the zoom, the size of the element in the target calibration area is not changed visually, and the zoom of a part of area in the webpage interface can be realized. Therefore, the flexibility of zooming the webpage interface is improved, and the use experience of the user is improved.
As an alternative implementation manner, as described above, the elements in the target calibration area may include characters, pictures, application plug-ins, application icons, and the like, and when the target calibration area includes multiple elements such as characters, pictures, and the like, only a part of the elements in the target calibration area may be set to keep the visual size unchanged. For example, only the text included in the elements in the target calibration area is zoomed according to the second zoom scale, which is opposite to the zoom instruction type, so that the text displayed in the target calibration area does not visually change before and after the webpage interface is zoomed.
Specifically, elements which are inconvenient for protecting the visual size in the target calibration area can be specifically set according to the viewing requirement. For example, assuming that the zoom type is zoom-out, the target calibration area is a navigation area, and the navigation area includes navigation words and a webpage image identifier. When the navigation characters are not reduced, the font sizes of the navigation characters are just suitable for the user to check, and then the navigation characters in the navigation area can be only amplified according to the second scaling multiple after the webpage interface is reduced, so that the visual sizes of the navigation characters before and after the webpage interface is reduced are not changed, the user can be prevented from checking the navigation characters, and the user experience is improved.
For another example, assume that the zoom type is zoom-in, and the target calibration area is a text area, where the text area includes text and pictures. The picture size is suitable for the user to check, the characters are too small, the method can be set to zoom in the target table calibration area after the webpage interface is zoomed in, and only the picture in the target table calibration area is zoomed out according to the second zoom factor, so that the visual size of the picture in the target table calibration area is not changed before and after the zoom in, the situation that the picture and the characters cover the content of the picture is avoided, and the user experience is influenced.
As an optional implementation manner, in the embodiment of the present application, because the webpage interface is provided with the font size threshold for font display, in order to avoid confusion of font display font sizes in the webpage interface after the webpage interface is zoomed, before the webpage interface is zoomed, a first font size of a character included in the webpage interface after the webpage interface is zoomed according to a first zoom multiple corresponding to a zoom instruction may be predetermined; further, the first font size can be compared with a font size threshold of the webpage interface; if the first font size exceeds the font size threshold, zooming characters in the webpage interface according to the font size threshold; and if the first font size does not exceed the font size threshold, zooming the characters in the webpage interface according to the first font size.
Specifically, a minimum font size threshold value and a maximum font size threshold value which can be displayed are arranged in the webpage interface, and then when the webpage interface is reduced, the determined first font size can be compared with the minimum font size threshold value of the webpage interface, if the first font size is smaller than the minimum font size threshold value, the fact that the webpage interface cannot display characters according to the first font size is shown, at the moment, characters in the webpage interface can be displayed according to the minimum font size threshold value, and the phenomenon that characters in the webpage interface are displayed in a disordered mode and the display of the characters in the webpage interface is influenced is avoided. If the first font size is larger than the minimum threshold value, the characters in the webpage interface can be displayed according to the first font size.
Or when the webpage interface is amplified, the determined first font size can be compared with the maximum font size threshold, if the first font size is larger than the maximum font size threshold, it is indicated that the webpage interface cannot display characters according to the first font size, and at the moment, the characters in the webpage interface can be displayed according to the maximum font size threshold, so that the phenomenon that the display of the characters in the webpage interface is affected due to the disordered display of the font sizes is avoided. If the first font size is smaller than the maximum font size threshold value, the characters in the webpage interface can be displayed according to the first font size.
Therefore, by the method, when the webpage interface is zoomed, the user can select the displayed preset option to zoom the partial area in the webpage interface, so that the user can select the partial area in the webpage interface to zoom accurately according to actual requirements, the flexibility of zooming the webpage interface is improved, and the use experience of the user can be improved while the user does not influence the content in the webpage interface.
Based on the same inventive concept, the embodiment of the application provides a display device for zooming a webpage interface. The display device for zooming the web interface can be a hardware structure, a software module or a hardware structure and a software module. The display device for zooming the webpage interface can be realized by a chip system, and the chip system can be formed by a chip and can also comprise the chip and other discrete devices. Referring to fig. 5, a display device for zooming a web interface in the embodiment of the present application includes an obtaining module 501, a determining module 502, a zooming module 503, and a comparing module 504. Wherein:
an obtaining module 501, configured to obtain a zoom instruction for a currently displayed web interface of a terminal;
a determining module 502, configured to obtain a selection operation for an option menu displayed in a web interface, and determine a target calibration area according to the selection operation, where the option menu is a menu for setting a calibration area in the web interface;
the scaling module 503 is configured to, after scaling the web interface according to a first scaling multiple corresponding to the scaling instruction, scale the element in the target calibration area according to a second scaling multiple, where the second scaling multiple is equal to the first scaling multiple, and the element includes any one or a combination of multiple of characters, pictures, playing plug-ins, and application icons, and the element is of a type opposite to the scaling instruction, so as to keep the size of the element in the target calibration area before and after scaling the same.
In one possible embodiment, the preset options include an option for selecting a default calibration region and an option for selecting a custom calibration region.
In a possible implementation, the determining module 502 is specifically configured to:
if the preset option determined by the selection operation is a default calibration area, determining the preset default calibration area as a target calibration area, wherein the default calibration area is a calibration area with the same display size of elements before and after zooming set when the program corresponding to the web interface leaves a factory;
and if the preset option determined by the selection operation is the user-defined calibration area, detecting at least one calibration area selected by the user from the webpage interface according to a preset mode, and determining the at least one calibration area as a target calibration area.
In a possible implementation, the determining module 502 is further configured to:
obtaining a selection frame for selecting a calibration area, and detecting at least one calibration area selected by the selection frame in a webpage interface; alternatively, the first and second electrodes may be,
the method comprises the steps of obtaining selection operation aiming at a plurality of calibration areas divided according to different functions in a webpage interface, and taking at least one calibration area corresponding to the selection operation as a target calibration area.
In a possible implementation, the scaling module 503 is specifically configured to:
determining a zoom type of a zoom instruction, wherein the zoom type comprises zoom-out and zoom-in; if the zooming type is zooming, zooming out the webpage interface according to a first zooming multiple, and then zooming in elements included in the target calibration area according to a second zooming multiple; if the zooming type is zooming-in, zooming out the elements included in the target calibration area according to a second zooming multiple after the webpage interface is zoomed in according to the first zooming multiple.
In one possible implementation, when the element includes a plurality of elements, the scaling module 503 is further configured to: and only the characters included by the elements in the target calibration area are scaled according to the second scaling multiple, wherein the scaling is opposite to the type of the scaling instruction.
In a possible implementation manner, the display apparatus when the web interface is zoomed as shown in fig. 5 further includes a comparing module 504, where the comparing module 504 is configured to:
determining a first font size of characters included in a webpage interface after zooming according to a first zoom multiple;
comparing the first font size with a font size threshold of the webpage interface; if the first font size exceeds the font size threshold, zooming the characters in the webpage interface according to the font size threshold; and if the first font size does not exceed the font size threshold, zooming the characters in the webpage interface according to the first font size.
All relevant contents of each step related to the embodiment of the display method for zooming the web interface can be cited to the functional description of the functional module corresponding to the display device for zooming the web interface in the embodiment of the present application, and are not described herein again.
The division of the modules in the embodiments of the present application is schematic, and only one logical function division is provided, and in actual implementation, there may be another division manner, and in addition, each functional module in each embodiment of the present application may be integrated in one processor, may also exist alone physically, or may also be integrated in one module by two or more modules. The integrated module can be realized in a hardware mode, and can also be realized in a software functional module mode.
Based on the same inventive concept, the embodiment of the present application provides a terminal device, which may be a hardware structure, a software module, or a hardware structure plus a software module. The terminal device can be realized by a chip system, and the chip system can be formed by a chip and can also comprise the chip and other discrete devices. Referring to fig. 6, the terminal device in this embodiment of the present application includes at least one processor 601 and a memory 602 connected to the at least one processor, a specific connection medium between the processor 601 and the memory 602 is not limited in this embodiment of the present application, in fig. 6, the processor 601 and the memory 602 are connected through a bus 600 as an example, the bus 600 is shown by a thick line in fig. 6, and a connection manner between other components is only schematically illustrated and is not limited. The bus 600 may be divided into an address bus, a data bus, a control bus, etc., and is shown with only one thick line in fig. 6 for ease of illustration, but does not represent only one bus or type of bus.
In the embodiment of the present application, the memory 602 stores instructions executable by the at least one processor 601, and the at least one processor 601 may execute the steps included in the ride code verification method by executing the instructions stored in the memory 602.
The hardware structure of the processor 601 may be a CPU, a DSP, an ASIC, etc., and the hardware structure of the memory 602 may be a flash memory, a hard disk, a multimedia card, a card memory, a RAM, an SRAM, etc., which will not be described again.
The processor 601 is a control center of the terminal device, and may connect various parts of the terminal device through various interfaces and lines, and perform various functions and process data of the terminal device by operating or executing instructions stored in the memory 602 and calling data stored in the memory 602, thereby performing overall monitoring on the terminal device. Optionally, the processor 601 may include one or more processing units, and the processor 601 may integrate an application processor and a modem processor, wherein the application processor mainly handles an operating system, a user interface, an application program, and the like, and the modem processor mainly handles wireless communication. It will be appreciated that the modem processor described above may not be integrated into the processor 601. In some embodiments, the processor 601 and the memory 602 may be implemented on the same chip, or in some embodiments, they may be implemented separately on separate chips.
Based on the same inventive concept, embodiments of the present application further provide a computer-readable storage medium, where computer instructions are stored, and when the computer instructions are executed on a computer, the computer is caused to perform the steps of the display method when the web interface is zoomed, as described above.
As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application 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, optical storage, and the like) having computer-usable program code embodied therein.
The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the application. 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.
It will be apparent to those skilled in the art that various changes and modifications may be made in the present application without departing from the spirit and scope of the application. Thus, if such modifications and variations of the present application fall within the scope of the claims of the present application and their equivalents, the present application is intended to include such modifications and variations as well.
Claims (10)
1. A display method for zooming a webpage interface is characterized by comprising the following steps:
obtaining a zooming instruction aiming at a webpage interface currently displayed by a terminal;
obtaining selection operation aiming at an option menu displayed in the webpage interface, and determining a target calibration area according to the selection operation, wherein the option menu is a menu used for setting the calibration area in the webpage interface;
after the webpage interface is zoomed according to a first zoom multiple corresponding to the zoom instruction, zooming the elements in the target calibration area according to a second zoom multiple, wherein the type of the elements is opposite to that of the zoom instruction, so that the sizes of the elements in the target calibration area before and after zooming are the same, the second zoom multiple is equal to the first zoom multiple, and the elements comprise any one or more combinations of characters, pictures, playing plug-ins and application icons.
2. The method of claim 1, wherein the preset options include an option for selecting a default calibration region and an option for selecting a custom calibration region.
3. The method of claim 2, wherein determining a target calibration region based on the selecting operation comprises:
if the preset option determined by the selection operation is a default calibration area, determining the preset default calibration area as a target calibration area, wherein the default calibration area is a calibration area with the same display size of elements before and after zooming set when the program corresponding to the web interface leaves a factory;
and if the preset option determined by the selection operation is a user-defined calibration area, detecting at least one calibration area selected by a user from the web interface according to a preset mode, and determining the at least one calibration area as a target calibration area.
4. The method of claim 3, wherein detecting at least one calibration area selected by a user from the web interface in a predetermined manner comprises:
obtaining a selection frame for selecting a calibration area, and detecting at least one calibration area selected by the selection frame in the webpage interface; alternatively, the first and second electrodes may be,
and acquiring selection operation aiming at a plurality of calibration areas divided according to different functions in the webpage interface, and taking at least one calibration area corresponding to the selection operation as a target calibration area.
5. The method of any one of claims 1 to 4, wherein after zooming the web interface according to the first zoom factor corresponding to the zoom instruction, zooming the element in the target calibration area according to the second zoom factor, which is opposite to the type of the zoom instruction, comprises:
determining a zoom type of the zoom instruction, the zoom type including zoom-out and zoom-in;
if the zooming type is zooming out, zooming out the webpage interface according to the first zooming multiple, and then zooming in the elements included in the target calibration area according to the second zooming multiple;
if the zooming type is zooming-in, zooming out the elements included in the target calibration area according to the second zooming multiple after the webpage interface is zoomed in according to the first zooming multiple.
6. The method according to any one of claims 1 to 4, wherein when the element includes a plurality of elements, scaling the element in the target calibration area by a second scaling factor opposite to the type of the scaling instruction is specifically:
and only the characters included by the elements in the target calibration area are scaled according to the second scaling multiple, wherein the scaling instruction is of the opposite type.
7. The method of any of claims 1-4, wherein prior to zooming the web interface according to the first zoom factor corresponding to the zoom instruction, the method further comprises:
determining a first font size of characters included in the webpage interface after zooming according to the first zoom factor;
comparing the first font size with a font size threshold of the webpage interface;
if the first font size exceeds the font size threshold, zooming the characters in the webpage interface according to the font size threshold;
and if the first font size does not exceed the font size threshold, zooming the characters in the webpage interface according to the first font size.
8. A display device for zooming a web interface, comprising:
the obtaining module is used for obtaining a zooming instruction aiming at a webpage interface currently displayed by the terminal;
the determining module is used for obtaining selection operation aiming at an option menu displayed in the webpage interface and determining a target calibration area according to the selection operation, wherein the option menu is a menu used for setting the calibration area in the webpage interface;
and the zooming module is used for zooming the webpage interface according to a first zooming multiple corresponding to the zooming instruction and zooming the elements in the target calibration area according to a second zooming multiple, wherein the types of the elements in the target calibration area are opposite to those of the zooming instruction, so that the sizes of the elements in the target calibration area before and after zooming are the same, the second zooming multiple is equal to the first zooming multiple, and the elements comprise any one or more combinations of characters, pictures, playing plugins and application icons.
9. A terminal device, characterized in that it comprises at least one processor and at least one memory, wherein said memory stores a computer program which, when executed by said processor, causes said processor to carry out the steps of the method according to any one of claims 1 to 7.
10. A computer-readable storage medium storing computer instructions which, when executed on a computer, cause the computer to perform the steps of the method of any one of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911318414.8A CN111143731B (en) | 2019-12-19 | 2019-12-19 | Display method and device for webpage interface zooming and terminal equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911318414.8A CN111143731B (en) | 2019-12-19 | 2019-12-19 | Display method and device for webpage interface zooming and terminal equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111143731A true CN111143731A (en) | 2020-05-12 |
| CN111143731B CN111143731B (en) | 2023-04-21 |
Family
ID=70518927
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911318414.8A Active CN111143731B (en) | 2019-12-19 | 2019-12-19 | Display method and device for webpage interface zooming and terminal equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111143731B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114281458A (en) * | 2021-12-22 | 2022-04-05 | 珠海豹趣科技有限公司 | Local scaling method and device for program interface |
| CN116796086A (en) * | 2023-05-05 | 2023-09-22 | 北京路浩知识产权集团有限公司 | Page display method, device, equipment and storage medium |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080201666A1 (en) * | 2007-02-21 | 2008-08-21 | Sang Min Park | Webpage presentation method for mobile phone |
| CN101833586A (en) * | 2010-05-26 | 2010-09-15 | 卓望数码技术（深圳）有限公司 | HTML (Hypertext Markup Language) small screen self-adaption typesetting method and typesetting server |
| CN102314436A (en) * | 2010-06-30 | 2012-01-11 | 国际商业机器公司 | Webpage automatic adjusting method and system |
| CN102968474A (en) * | 2012-11-15 | 2013-03-13 | 广东欧珀移动通信有限公司 | Method for displaying webpage browsed by mobile communication device |
| CN104965833A (en) * | 2014-06-13 | 2015-10-07 | 腾讯科技（深圳）有限公司 | Method and apparatus for displaying webpage on a browser window |
| CN105279182A (en) * | 2014-07-09 | 2016-01-27 | 佳能株式会社 | Method and device used for opening and switching a plurality of webpages |
| CN105892929A (en) * | 2016-04-29 | 2016-08-24 | 乐视控股（北京）有限公司 | Method and system for scaling characters |
| CN106954091A (en) * | 2016-12-21 | 2017-07-14 | 深圳Tcl数字技术有限公司 | The method and device of TV browser fast browsing webpage |
| CN107515907A (en) * | 2017-08-10 | 2017-12-26 | 北京海泰方圆科技股份有限公司 | The display methods and device of browser page |
| CN107908349A (en) * | 2017-12-26 | 2018-04-13 | 深圳市金立通信设备有限公司 | Display interface amplification method, terminal and computer-readable recording medium |
-
2019
- 2019-12-19 CN CN201911318414.8A patent/CN111143731B/en active Active
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080201666A1 (en) * | 2007-02-21 | 2008-08-21 | Sang Min Park | Webpage presentation method for mobile phone |
| CN101833586A (en) * | 2010-05-26 | 2010-09-15 | 卓望数码技术（深圳）有限公司 | HTML (Hypertext Markup Language) small screen self-adaption typesetting method and typesetting server |
| CN102314436A (en) * | 2010-06-30 | 2012-01-11 | 国际商业机器公司 | Webpage automatic adjusting method and system |
| CN102968474A (en) * | 2012-11-15 | 2013-03-13 | 广东欧珀移动通信有限公司 | Method for displaying webpage browsed by mobile communication device |
| CN104965833A (en) * | 2014-06-13 | 2015-10-07 | 腾讯科技（深圳）有限公司 | Method and apparatus for displaying webpage on a browser window |
| CN105279182A (en) * | 2014-07-09 | 2016-01-27 | 佳能株式会社 | Method and device used for opening and switching a plurality of webpages |
| CN105892929A (en) * | 2016-04-29 | 2016-08-24 | 乐视控股（北京）有限公司 | Method and system for scaling characters |
| CN106954091A (en) * | 2016-12-21 | 2017-07-14 | 深圳Tcl数字技术有限公司 | The method and device of TV browser fast browsing webpage |
| CN107515907A (en) * | 2017-08-10 | 2017-12-26 | 北京海泰方圆科技股份有限公司 | The display methods and device of browser page |
| CN107908349A (en) * | 2017-12-26 | 2018-04-13 | 深圳市金立通信设备有限公司 | Display interface amplification method, terminal and computer-readable recording medium |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114281458A (en) * | 2021-12-22 | 2022-04-05 | 珠海豹趣科技有限公司 | Local scaling method and device for program interface |
| CN116796086A (en) * | 2023-05-05 | 2023-09-22 | 北京路浩知识产权集团有限公司 | Page display method, device, equipment and storage medium |
| CN116796086B (en) * | 2023-05-05 | 2023-11-14 | 北京路浩知识产权集团有限公司 | Page display method, device, equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111143731B (en) | 2023-04-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| AU2011101581A4 (en) | Method and apparatus of scrolling a document displayed in a browser window | |
| EP2754025B1 (en) | Pinch to adjust | |
| CN107015751B (en) | Optimal display and scaling of objects and text in a document | |
| US10228835B2 (en) | Method for displaying information, and terminal equipment | |
| TWI611338B (en) | Method for zooming screen and electronic apparatus and computer program product using the same | |
| US9170728B2 (en) | Electronic device and page zooming method thereof | |
| US20120159402A1 (en) | Method and apparatus for providing different user interface effects for different implementation characteristics of a touch event | |
| CN104991696B (en) | A kind of information processing method and electronic equipment | |
| US20150378965A1 (en) | Method And Device For Text Input And Display Of Intelligent Terminal | |
| JP2017504877A (en) | Method and apparatus for click object enlargement based on floating touch | |
| US20140317541A1 (en) | Electronic device having touch screen and method for zooming in | |
| CN106325687B (en) | Method and terminal for calling program | |
| CN106897321B (en) | Method and device for displaying map data | |
| TWI498808B (en) | Method, apparatus and computer program product for cropping screen frame | |
| US20170115849A1 (en) | Icon moving method and device | |
| CN104754223A (en) | Method for generating thumbnail and shooting terminal | |
| CN111143731B (en) | Display method and device for webpage interface zooming and terminal equipment | |
| CN113741763A (en) | Electronic book display method and device and electronic equipment | |
| US20160378299A1 (en) | Method For Displaying Icons And Electronic Apparatus | |
| CN106249879A (en) | The display packing of a kind of virtual reality image and terminal | |
| CN109683798B (en) | Text determination method, terminal and computer readable storage medium | |
| CN112269501A (en) | Icon moving method and device and electronic equipment | |
| CN105549837A (en) | Method and device for displaying contact items of contact list based on touch-screen apparatus | |
| CN111796736B (en) | Application sharing method and device and electronic equipment | |
| CN110647263B (en) | Mobile terminal desktop icon moving method, device, medium and equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |