CN110598140A - Page adjusting method and device and server - Google Patents
Page adjusting method and device and server Download PDFInfo
- Publication number
- CN110598140A CN110598140A CN201910754097.8A CN201910754097A CN110598140A CN 110598140 A CN110598140 A CN 110598140A CN 201910754097 A CN201910754097 A CN 201910754097A CN 110598140 A CN110598140 A CN 110598140A
- Authority
- CN
- China
- Prior art keywords
- web page
- display
- adjusting
- terminal
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention provides a page adjusting method, a page adjusting device and a server, and relates to the technical field of computer images, wherein the page adjusting method comprises the following steps: acquiring an access request to a Web page and the display resolution of a terminal; wherein a communication link is established between the terminal and the server; acquiring a corresponding Web page according to the access request to the Web page; judging whether the display resolution of the Web page is matched with the display resolution of the terminal; and if the display resolution of the Web page is not matched with the display resolution of the terminal, adjusting the display attribute of the Web page.
Description
Technical Field
The present disclosure relates to the field of computer image technologies, and in particular, to a page adjustment method, an apparatus, and a server.
Background
With the development of technology, mobile terminals will be developed in a direction of being lighter and thinner, and at present, a solution for a mobile terminal, that is, a terminal only needs to have a screen, a simple CPU and a memory, an image receiving and decoding module for processing an image, and a reverse control processing module, has been proposed, which can greatly simplify the size and configuration of the mobile terminal. All programs of the mobile terminal run in the cloud server, the mobile terminal uses the corresponding application programs by accessing the cloud server and controls the corresponding application programs through reverse control, and the server sends real-time processing pictures to the mobile terminal, so that the mobile terminal operates as if the mobile terminal is locally operated.
During the use of the mobile terminal, many users may access a third party Web page through a browser, or some APPs may have links or buttons to jump to the third party Web page. However, the existing third-party Web page is often designed to meet the viewing requirement of the PC and cannot meet the display requirement of the mobile terminal, for example, fig. 1 shows the display effect of a Web page on the mobile terminal, and it is obvious that when the Web page is displayed on the mobile terminal, it is inconvenient for the user to view and click because the characters are too small.
In order to solve the problem, a set of browsing pages is designed for terminals with different resolutions separately for many websites, but the number of websites providing the service is only a few, and the display effect of the user when browsing the web page through the mobile terminal is very poor for websites not providing the service. In addition, because different design modes are made for different websites, the effect displayed on the mobile terminal is different.
Disclosure of Invention
The embodiment of the disclosure provides a page adjusting method, a page adjusting device and a server, which can solve the problem that the existing page adjusting method cannot be self-adaptive. The technical scheme is as follows:
according to a first aspect of the embodiments of the present disclosure, there is provided a page adjusting method, including:
acquiring an access request to a Web page and the display resolution of a terminal; wherein a communication link is established between the terminal and the server;
acquiring a corresponding Web page according to the access request to the Web page;
judging whether the display resolution of the Web page is matched with the display resolution of the terminal;
and if the display resolution of the Web page is not matched with the display resolution of the terminal, adjusting the display attribute of the Web page.
In one embodiment, the display attributes include at least one of: the method comprises the steps of Web page view width, Web page display proportion, Web page element size and Web page element layout.
In one embodiment, the display attribute is a Web page view width and/or a display scale of a Web page, and the adjusting the display attribute of the Web page includes:
acquiring a source code of the Web page;
acquiring a media meta tag of the Web page from the source code; wherein, the meta tag comprises a display resolution width parameter of the page and a parameter of whether manual zooming is allowed;
and adjusting the view width of the Web page of the current Web page and/or the display scale of the Web page by setting the display resolution width parameter of the page of the meta tag as the display resolution width of a terminal and not allowing manual zooming.
In one embodiment, the display attribute is a layout of Web page elements, including a menu bar, navigation bar, or footer of a Web page;
the adjusting the display attribute of the Web page comprises:
acquiring a menu bar, a navigation bar or a footer of the Web page;
and judging whether the menu bar, the navigation bar or the footer is folded or unfolded to be displayed according to the display resolution of the terminal.
In one embodiment, the display attribute is a layout of Web page elements, the Web page elements including multiple regions or multiple pictures of a Web page;
the adjusting the display attribute of the Web page comprises:
acquiring a plurality of areas or a plurality of pictures in the transverse layout of the Web page;
and adjusting the display quantity of the plurality of areas or the plurality of pictures according to the display resolution of the terminal.
In one embodiment, the display attribute is a layout of Web page elements, the Web page elements including multiple lists or multiple tables of Web pages;
the adjusting the display attribute of the Web page comprises:
acquiring a plurality of lists or a plurality of tables in the transverse layout of the Web page;
and adjusting the display modes of the lists or the tables according to the display resolution of the terminal.
In one embodiment, the display attribute is the size of a Web page element, the Web page element including a Web page picture element or a region element;
the adjusting the display attribute of the Web page comprises:
acquiring the width of the picture element and/or the area element of the Web page;
and when the width of the picture element and/or the area element of the Web page is larger than the width of the display resolution of the terminal, zooming the whole picture element and/or the area element according to the display resolution of the terminal.
In one embodiment, the display attribute is the size of a Web page element, which includes fonts in the Web page;
the adjusting the display attribute of the Web page comprises:
and adjusting the font size in the Web page according to the display resolution of the terminal.
In one embodiment, the method further comprises:
and sending the adjusted Web page to the terminal.
According to a second aspect of the embodiments of the present disclosure, there is provided a page adjusting apparatus, including:
the first acquisition module is used for acquiring an access request to a Web page and the display resolution of the terminal; wherein a communication link is established between the terminal and the server;
the second acquisition module is used for acquiring a corresponding Web page according to the access request of the Web page;
the judging module is used for judging whether the display resolution of the Web page is matched with the display resolution of the terminal;
and the adjusting module is used for adjusting the display attribute of the Web page if the display resolution of the Web page is not matched with the display resolution of the terminal.
In one embodiment, the display attributes include at least one of: the method comprises the steps of Web page view width, Web page display proportion, Web page element size and Web page element layout.
In one embodiment, the display attribute is a Web page view width and/or a display scale of the Web page, and the adjusting module includes:
the code acquisition submodule is used for acquiring a source code of the Web page;
the tag obtaining sub-module is used for obtaining a media meta tag of the Web page from the source code; wherein, the meta tag comprises a display resolution width parameter of the page and a parameter of whether manual zooming is allowed;
and the first adjusting submodule is used for adjusting the Web page view width and/or the Web page display scale of the current Web page in a mode of setting the display resolution width parameter of the page of the meta tag as the display resolution width of the terminal and not allowing manual zooming.
In one embodiment, the display attribute is a layout of Web page elements, including a menu bar, navigation bar, or footer of a Web page; the adjustment module includes:
the first element acquisition submodule is used for acquiring a menu bar, a navigation bar or a footer of the Web page;
and the second adjusting submodule is used for judging whether the menu bar, the navigation bar or the footer is folded or unfolded to display according to the display resolution of the terminal.
In one embodiment, the display attribute is a layout of Web page elements, the Web page elements including multiple regions or multiple pictures of a Web page; the adjustment module includes:
the second element acquisition submodule is used for acquiring a plurality of areas or a plurality of pictures in the transverse layout of the Web page;
and the third adjusting submodule is used for adjusting the display quantity of the plurality of areas or the plurality of pictures according to the display resolution of the terminal.
In one embodiment, the display attribute is a layout of Web page elements, the Web page elements including multiple lists or multiple tables of Web pages; the adjustment module includes:
the third element obtaining submodule is used for obtaining a plurality of lists or a plurality of tables in the transverse layout of the Web page;
and the fourth adjusting submodule is used for adjusting the display modes of the lists or the tables according to the display resolution of the terminal.
In one embodiment, the display attribute is the size of a Web page element, the Web page element including a Web page picture element or a region element; the adjustment module includes:
the fourth element obtaining submodule is used for obtaining the width of the Web page picture element and/or the area element;
and the fifth adjusting submodule is used for zooming the picture elements and/or the area elements on the whole according to the display resolution of the terminal when the width of the picture elements and/or the area elements of the Web page is larger than the width of the display resolution of the terminal.
In one embodiment, the display attribute is the size of a Web page element, which includes fonts in the Web page; the adjusting module comprises a sixth adjusting submodule and is used for adjusting the font size in the Web page according to the display resolution of the terminal.
In one embodiment, the above apparatus further comprises:
and the sending module is used for sending the adjusted Web page to the terminal.
According to a third aspect of the embodiments of the present disclosure, there is provided a server including any of the page adjusting apparatuses described above.
The invention provides a method and a system for adaptively displaying a Web page in a mobile terminal, which can adaptively adjust the display mode of the current Web page according to the display resolution of the mobile terminal, so that the current Web page is convenient for a user to check and operate.
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
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and together with the description, serve to explain the principles of the disclosure.
FIG. 1 is a schematic diagram of a page display provided by an embodiment of the present disclosure;
fig. 2 is a flowchart of a page adjustment method provided by the embodiment of the present disclosure;
fig. 3 is a schematic diagram of an embodiment of a page adjustment method provided in the embodiment of the present disclosure;
FIG. 4 is a schematic display diagram of a page adjustment method provided by the embodiment of the present disclosure;
FIG. 5 is a schematic display diagram of a page adjustment method provided by the embodiment of the present disclosure;
fig. 6 is a flowchart of a page adjustment method provided by the embodiment of the present disclosure;
FIG. 7 is a diagram of a page adjusting device according to an embodiment of the present disclosure;
FIG. 8 is a diagram illustrating a page adjusting apparatus according to an embodiment of the present disclosure;
FIG. 9 is a diagram illustrating a page adjusting apparatus according to an embodiment of the present disclosure;
FIG. 10 is a diagram illustrating a page adjusting apparatus according to an embodiment of the present disclosure;
FIG. 11 is a diagram illustrating a page adjusting apparatus according to an embodiment of the present disclosure;
FIG. 12 is a diagram illustrating a page adjusting apparatus according to an embodiment of the present disclosure;
FIG. 13 is a diagram of a page adjusting device according to an embodiment of the present disclosure;
FIG. 14 is a diagram illustrating a page adjusting apparatus according to an embodiment of the present disclosure;
FIG. 15 is a diagram of a paging adjustment system architecture provided by an embodiment of the present disclosure.
Detailed Description
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.
The embodiment of the present disclosure provides a page adjusting method, which is applied to a server, and as shown in fig. 2, the page adjusting method includes the following steps:
step 201, obtaining an access request to a Web page and a display resolution of a terminal;
wherein a communication link is established between the terminal and the server;
specifically, the mobile terminal sends an access request to a Web page to the cloud server through a reverse control operation; in practical application, after the mobile terminal establishes a communication link with the cloud server, the cloud server obtains and records the current resolution of the mobile terminal. Then, for some terminals with variable screen sizes, such as a folding screen, when the display resolution of the terminal changes, the latest resolution is reported to the cloud server, and the cloud server always records the latest resolution of the terminal.
Step 202, acquiring a corresponding Web page according to the access request to the Web page;
in the step, the cloud server analyzes the reverse control operation message sent by the mobile terminal into an access request for the Web page, and acquires the Web page requested by the user from the corresponding Web server according to the access request.
Step 203, judging whether the display resolution of the Web page is matched with the display resolution of the terminal;
therefore, after the cloud server acquires the corresponding Web page according to the request of the mobile terminal, whether the display effect of the Web page is suitable for the display requirement of the current mobile terminal is judged at first.
Specifically, the Web server compares the display resolution of the current display page with the display resolution of the mobile terminal, judges whether the display resolution of the current display page is consistent with the display resolution of the mobile terminal, and determines that the current Web page can adapt to the display requirement of the current mobile terminal if the display resolution of the current display page is consistent with the display resolution of the mobile terminal, namely, the display resolution of the current display page is matched with the display; and if the current Web page is inconsistent, namely not matched, determining that the current Web page cannot adapt to the display requirement of the current mobile terminal, and at the moment, adjusting the display effect of the current Web page.
And 204, if the display resolution of the Web page is not matched with the display resolution of the terminal, adjusting the display attribute of the Web page.
In one embodiment, the display attributes include at least one of: the method comprises the steps of Web page view width, Web page display proportion, Web page element size and Web page element layout.
How to adjust the display properties of the Web page is described in several specific examples below.
Example 1
The display attribute is a view width of the Web page and/or a display scale of the Web page, and the adjusting the display attribute of the current page element includes the following steps, as shown in fig. 3:
2041, acquiring a source code of the Web page;
illustratively, obtaining the source code of the Web page includes:
and reading the webpage source code in the browser through JS (Java script) script.
Step 2042, obtaining the media meta tag of the Web page from the source code;
wherein, the meta tag comprises a display resolution width parameter of the page and a parameter of whether manual zooming is allowed;
step 2043, adjusting the view width of the Web page of the current Web page and/or the display scale of the Web page by setting the display resolution width parameter of the page of the meta tag to the display resolution width of the terminal and not allowing manual zooming.
Specifically, whether a media meta tag of a Web page exists in the source code is judged, and if the media meta tag does not exist, the following statements (the view width and the display scale of the current page are adjusted to be matched with the current mobile terminal through the statements) are added in the source code:
<meta name＝"viewport"content＝"width＝device-width,initial-scale＝1.0,maximum-scale＝1.0,user-scalable＝no"/>；
if the meta tag already exists, the meta tag content is modified to be consistent with the code.
Example two
The display attribute is the layout of Web page elements, and the Web page elements comprise a menu bar, a navigation bar or a footer of a Web page;
the adjusting the display attribute of the current page element comprises:
acquiring a menu bar, a navigation bar or a footer of the Web page;
and judging whether the menu bar, the navigation bar or the footer is folded or unfolded to be displayed according to the display resolution of the terminal.
Specifically, firstly, whether a menu bar, a navigation bar or a footer exists in the Web page is judged;
and if the menu bar, the navigation bar or the footer exists, judging to fold or unfold and display the menu bar, the navigation bar, the footer and the like according to the display resolution of the zero end.
Wherein Footer is the Footer, the navigation bar is generally at the top, the menu bar is generally at the left, and there is a Footer at the bottom.
Illustratively, the resolution may be divided into three templates according to the width of the terminal (the width of the terminal display resolution, in pixels), and if the width of the terminal is >960px, the template type is judged to be PC, if the width of the terminal is between 600px-960px, the template type is judged to be a tablet, and if the width of the terminal is below 600px, the template type is judged to be a mobile phone.
If the type of the template is judged to be a mobile phone or a tablet according to the display resolution of the terminal, a menu bar, a navigation bar, a footer and the like are folded and displayed, and if the type of the terminal is judged to be a computer according to the display resolution of the terminal, the menu bar, the navigation bar, the footer and the like are unfolded and displayed.
Example three
The display attribute is the layout of Web page elements, and the Web page elements comprise a plurality of areas or a plurality of pictures of the Web page; the adjusting the display attribute of the current page element comprises:
acquiring a plurality of regions div or a plurality of pictures in the transverse layout of the Web page;
and adjusting the display quantity of the plurality of areas or the plurality of pictures according to the display resolution of the terminal.
For example, the page displays four pictures horizontally at the terminal with the template type of computer, two pictures horizontally at the terminal with the template type of tablet, and one picture horizontally at the terminal with the template type of mobile phone. The judgment of the template type is consistent with the above embodiment.
div is a region on the page, and the width of the region can be set in the html source code, and the inside can be blank, and characters, pictures and the like can also be placed in the region.
Example four
The display attribute is the layout of Web page elements, and the Web page elements comprise a plurality of lists or a plurality of tables of the Web page; the adjusting the display attribute of the current page element comprises:
acquiring a plurality of lists or a plurality of tables in the transverse layout of the Web page;
and adjusting the display modes of the lists or the tables according to the display resolution of the terminal.
For example, for a plurality of lists or tables in the same row, if the display widths of the lists or tables in the row are larger than the display width of the mobile terminal, the lists or tables are displayed in a folded manner; or, splitting a plurality of lists or tables in the same row into a plurality of rows for displaying; and if the display width of the lists or the tables in the row is less than or equal to the display width of the mobile terminal, not adjusting the layout mode of the lists or the tables.
In html, a list is set by a < li > tag, for example, referring to fig. 4 and 5, wherein "home page", "navigation header 1", "navigation header 2", etc. are all < li >, except that fig. 4 shows a horizontal arrangement of < li >, and fig. 5 shows a vertical arrangement of < li >. If there are multiple < li > in the landscape layout, the display is folded or unfolded according to the resolution.
Example five
The display attribute is the size of a Web page element, and the Web page element comprises a Web page picture element or an area element; the adjusting the display attribute of the current page element comprises:
acquiring the width of the picture element and/or the area element of the Web page;
and when the width of the picture element and/or the area element of the Web page is larger than the width of the display resolution of the terminal, zooming the whole picture element and/or the area element, and optionally zooming in an equal proportion.
Example six
The display attribute is the size of the Web page element, and the adjusting the display attribute of the current page element includes:
and adjusting the font size in the Web page according to the display resolution of the terminal.
The terminal is simply divided into three templates according to the resolution of different terminals, and the specific division mode is the same as that of the embodiment. Presetting a font range for different types of terminals; for example, when the font size is larger than 32px, if the display resolution of the terminal is within the range of the mobile phone template, the font size is reduced to 28 px; if the display resolution of the terminal is other template types, the font is kept unchanged. If the font size is smaller than 8px, if the display resolution of the terminal is in the range of the PC template, the font size is adjusted to 12 px; if the display resolution of the terminal is within the range of other template types, the font type is kept unchanged.
Fig. 6 is a flowchart of a page adjustment method according to an embodiment of the disclosure, where the page adjustment method shown in fig. 6 includes:
601, acquiring an access request to a Web page and a display resolution of a terminal; wherein a communication link is established between the terminal and the server;
step 602, acquiring a corresponding Web page according to the access request to the Web page;
step 603, judging whether the display resolution of the Web page is matched with the display resolution of the terminal;
and step 604, if the display resolution of the Web page is not matched with the display resolution of the terminal, adjusting the display attribute of the Web page.
And step 605, sending the adjusted Web page to the terminal.
In the step, after the cloud server adjusts the source code of the current Web page, the newly generated source code is adopted to cover the original source code, the new source code is drawn through the browser to generate the adjusted Web page, and then the new Web page is sent to the mobile terminal.
Optionally, the mobile terminal is a null terminal.
Preferably, for a terminal with an adjustable resolution, such as a folding screen mobile phone, the problem that a user adjusts the display resolution of the terminal in the process of accessing a Web page is involved, at this time, the terminal may adjust the display resolution of the terminal from a common mobile phone to a tablet computer display resolution, or adjust the display resolution of the terminal from the tablet computer to the common mobile phone display resolution, and in this case, if the page is not adjusted, it cannot be guaranteed that the original page can be well displayed or viewed and operated by the user under a new resolution, therefore, the present disclosure provides a solution for the situation, and the solution further includes the following processing steps on the basis of the above steps:
step 606, the cloud server receives display resolution adjustment information reported by the mobile terminal;
the display resolution adjustment information includes the adjusted display resolution.
Specifically, the mobile terminal reports new display resolution information to the cloud server through the URL, and the cloud server monitors the new resolution through the JS script and compares the new resolution with the original resolution to determine whether the new resolution changes.
Step 607, the cloud server obtains the html source code of the current Web page when the display resolution of the mobile terminal changes;
and step 608, the cloud server adjusts the display attribute of the Web page to enable the display attribute to achieve a display effect matched with the display resolution of the current terminal.
Specifically, the method for adjusting the layout of the Web page may refer to the above process.
The external forms of mobile terminals are various, and a folding screen type mobile terminal has been proposed in the prior art, and a user can switch different resolution sizes by folding and unfolding a screen in the using process, under the condition, in the process of displaying a Web page, the display resolution can be quickly switched to adapt to different display requirements.
Fig. 7 is an architecture diagram of a page adjustment device according to an embodiment of the disclosure, where the page adjustment device 70 shown in fig. 7 includes a first obtaining module 701, a second obtaining module 702, a determining module 703 and an adjusting module 703, where the first obtaining module 701 is configured to obtain an access request to a Web page and a display resolution of a terminal; wherein a communication link is established between the terminal and the server; the second obtaining module 702 is configured to obtain a corresponding Web page according to the access request for the Web page; the judging module 703 is configured to judge whether the display resolution of the Web page matches the display resolution of the terminal; the adjusting module 704 is configured to adjust the display attribute of the Web page if the display resolution of the Web page does not match the display resolution of the terminal.
In one embodiment, the display attributes include at least one of: the method comprises the steps of Web page view width, Web page display proportion, Web page element size and Web page element layout.
Fig. 8 is an architecture diagram of a page adjusting apparatus according to an embodiment of the present disclosure, where the page adjusting apparatus 80 shown in fig. 8 includes a first obtaining module 801, a second obtaining module 802, a determining module 803, and an adjusting module 804, where a display attribute is a Web page view width and/or a display scale of a Web page, and the adjusting module 804 includes a code obtaining sub-module 8041, a label obtaining sub-module 8042, and a first adjusting sub-module 8043; the code obtaining submodule 8041 is configured to obtain a source code of the Web page; the tag obtaining sub-module 8042 is configured to obtain a media meta tag of the Web page from the source code; wherein, the meta tag comprises a display resolution width parameter of the page and a parameter of whether manual zooming is allowed; the first adjusting sub-module 8043 is configured to adjust the view width of the Web page of the current Web page and/or the display scale of the Web page by setting the display resolution width parameter of the page of the meta tag to the display resolution width of the terminal, and not allowing manual zooming.
Fig. 9 is an architecture diagram of a page adjustment device according to an embodiment of the present disclosure, where the page adjustment device 90 shown in fig. 9 includes a first obtaining module 901, a second obtaining module 902, a determining module 903, and an adjusting module 904, where a display attribute is a layout of Web page elements, where the Web page elements include a menu bar, a navigation bar, or a footer of a Web page; the adjusting module 903 comprises a first element obtaining submodule 9031 and a second adjusting submodule 9032; the first element obtaining submodule 9031 is configured to obtain a menu bar, a navigation bar, or a footer of the Web page; the second adjusting submodule 9032 is configured to determine to fold or unfold and display the menu bar, the navigation bar, or the footer according to the display resolution of the terminal.
Fig. 10 is an architecture diagram of a page adjustment device according to an embodiment of the present disclosure, where the page adjustment device 100 shown in fig. 10 includes a detection module, a first obtaining module 1001, a second obtaining module 1002, a determination module 1003, and an adjustment module 1004, where a display attribute is a layout of Web page elements, and the Web page elements include multiple regions or multiple pictures of a Web page; the adjustment module 1004 includes a second element acquisition sub-module 10041 and a third adjustment sub-module 10042; the second element obtaining sub-module 10041 is configured to obtain multiple regions or multiple pictures in the transverse layout of the Web page; the third adjusting sub-module 10042 is configured to adjust the display number of the multiple regions or the multiple pictures according to the display resolution of the terminal.
Fig. 11 is an architecture diagram of a page adjustment device according to an embodiment of the disclosure, where the page adjustment device 110 shown in fig. 11 includes a detection module, a first obtaining module 1101, a second obtaining module 1102, a determination module 1103 and an adjustment module 1104, where a display attribute is a layout of Web page elements, and the Web page elements include multiple lists or multiple tables of Web pages; the adjustment module 1104 includes a third element obtaining sub-module 11041 and a fourth adjustment sub-module 11042; the third element obtaining submodule 11041 is configured to obtain multiple lists or multiple tables in the horizontal layout of the Web page; the fourth adjusting sub-module 11042 is configured to adjust the display modes of the multiple lists or the multiple tables according to the display resolution of the terminal.
Fig. 12 is an architecture diagram of a page adjustment apparatus provided in an embodiment of the present disclosure, where the page adjustment apparatus 120 shown in fig. 12 includes a detection module, a first obtaining module 1201, a second obtaining module 1202, a determination module 1203, and an adjustment module 1204, where a display attribute is a size of a Web page element, and the Web page element includes a Web page picture element or a region element; the adjusting module 1204 includes a fourth element obtaining submodule 12041 and a fifth adjusting submodule 12042; the fourth element obtaining submodule 12041 is configured to obtain a width of the Web page picture element and/or the area element; the fifth adjusting submodule 12042 is configured to, when the width of the picture element and/or the area element of the Web page is greater than the display resolution width of the terminal, scale the whole picture element and/or the whole area element according to the display resolution of the terminal.
Fig. 13 is an architecture diagram of a page adjustment apparatus according to an embodiment of the present disclosure, where the page adjustment apparatus 130 shown in fig. 13 includes a first obtaining module 1301, a second obtaining module 1302, a determining module 1303, and an adjusting module 1304, where a display attribute is a size of a Web page element, and the Web page element includes a font in a Web page; the adjusting module 1304 includes a sixth adjusting submodule 13041, configured to adjust the font size in the Web page according to the display resolution of the terminal.
Fig. 14 is an architecture diagram of a page adjustment device according to an embodiment of the disclosure, and the page adjustment device 140 shown in fig. 13 includes a detection module, a first obtaining module 1401, a second obtaining module 1402, a determination module 1403, an adjustment module 1404, and a sending module 1405, where the sending module 1405 is configured to send an adjusted Web page to the terminal.
Fig. 15 is an architecture diagram of a page adjustment system according to an embodiment of the disclosure, where the page adjustment system shown in fig. 15 includes: the system comprises a terminal, a cloud server, a Web server and a Web page, wherein any one of the page adjusting devices shown in the figures 7 to 14 is protected in the cloud server.
The method is flexible and efficient, independent display pages are not required to be designed for different resolutions by each site, the self-adaptive adjustment is uniformly carried out on the Web pages browsed by the user by a cloud server, and the problem that the display effect of the Web pages on the terminal side is not ideal can be fundamentally solved.
Based on the page adjustment method described in the embodiment corresponding to fig. 2 and fig. 6, an embodiment of the present disclosure further provides a computer-readable storage medium, for example, the non-transitory computer-readable storage medium may be a Read Only Memory (ROM), a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like. The storage medium stores computer instructions for executing the page adjusting method described in the embodiment corresponding to fig. 2 and fig. 6, which is not described herein again.
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
Claims (11)
1. A page adjusting method is applied to a server, and is characterized by comprising the following steps:
acquiring an access request to a Web page and the display resolution of a terminal; wherein a communication link is established between the terminal and the server;
acquiring a corresponding Web page according to the access request to the Web page;
judging whether the display resolution of the Web page is matched with the display resolution of the terminal;
and if the display resolution of the Web page is not matched with the display resolution of the terminal, adjusting the display attribute of the Web page.
2. The page adjusting method according to claim 1, wherein the display attribute includes at least one of: the method comprises the steps of Web page view width, Web page display proportion, Web page element size and Web page element layout.
3. The method according to claim 2, wherein the display attribute is a Web page view width and/or a display scale of a Web page, and the adjusting the display attribute of the Web page includes:
acquiring a source code of the Web page;
acquiring a media meta tag of the Web page from the source code; wherein, the meta tag comprises a display resolution width parameter of the page and a parameter of whether manual zooming is allowed;
and adjusting the view width of the Web page of the current Web page and/or the display scale of the Web page by setting the display resolution width parameter of the page of the meta tag as the display resolution width of a terminal and not allowing manual zooming.
4. The page adjustment method according to claim 2, wherein the display attribute is a layout of Web page elements, and the Web page elements include a menu bar, a navigation bar, or a footer of a Web page;
the adjusting the display attribute of the Web page comprises:
acquiring a menu bar, a navigation bar or a footer of the Web page;
and judging whether the menu bar, the navigation bar or the footer is folded or unfolded to be displayed according to the display resolution of the terminal.
5. The page adjusting method according to claim 2, wherein the display attribute is a layout of Web page elements, the Web page elements including a plurality of areas or a plurality of pictures of a Web page;
the adjusting the display attribute of the Web page comprises:
acquiring a plurality of areas or a plurality of pictures in the transverse layout of the Web page;
and adjusting the display quantity of the plurality of areas or the plurality of pictures according to the display resolution of the terminal.
6. The page adjusting method according to claim 2, wherein the display attribute is a layout of Web page elements, the Web page elements including a plurality of lists or a plurality of tables of Web pages;
the adjusting the display attribute of the Web page comprises:
acquiring a plurality of lists or a plurality of tables in the transverse layout of the Web page;
and adjusting the display modes of the lists or the tables according to the display resolution of the terminal.
7. The page adjustment method according to claim 2, wherein the display attribute is a size of a Web page element, and the Web page element includes a Web page picture element or a region element;
the adjusting the display attribute of the Web page comprises:
acquiring the width of the picture element and/or the area element of the Web page;
and when the width of the picture element and/or the area element of the Web page is larger than the width of the display resolution of the terminal, zooming the whole picture element and/or the area element according to the display resolution of the terminal.
8. The page adjusting method according to claim 2, wherein the display attribute is a size of a Web page element, the Web page element including a font in a Web page;
the adjusting the display attribute of the Web page comprises:
and adjusting the font size in the Web page according to the display resolution of the terminal.
9. The page adjusting method according to any one of claims 1 to 8, characterized in that the method further comprises:
and sending the adjusted Web page to the terminal.
10. A page adjusting apparatus, comprising:
the first acquisition module is used for acquiring an access request to a Web page and the display resolution of the terminal; wherein a communication link is established between the terminal and the server;
the second acquisition module is used for acquiring a corresponding Web page according to the access request of the Web page;
the judging module is used for judging whether the display resolution of the Web page is matched with the display resolution of the terminal;
and the adjusting module is used for adjusting the display attribute of the Web page if the display resolution of the Web page is not matched with the display resolution of the terminal.
11. A server, characterized in that the server comprises the page adjusting apparatus of claim 10.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910754097.8A CN110598140A (en) | 2019-08-15 | 2019-08-15 | Page adjusting method and device and server |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910754097.8A CN110598140A (en) | 2019-08-15 | 2019-08-15 | Page adjusting method and device and server |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110598140A true CN110598140A (en) | 2019-12-20 |
Family
ID=68854377
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910754097.8A Pending CN110598140A (en) | 2019-08-15 | 2019-08-15 | Page adjusting method and device and server |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110598140A (en) |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111880869A (en) * | 2020-06-17 | 2020-11-03 | 西安万像电子科技有限公司 | Picture adjusting method, device and system |
| CN112073686A (en) * | 2020-09-01 | 2020-12-11 | 苏州科达科技股份有限公司 | Image display method and device and electronic equipment |
| CN112114928A (en) * | 2020-09-28 | 2020-12-22 | 西安万像电子科技有限公司 | Display page processing method and device |
| CN112306599A (en) * | 2020-10-22 | 2021-02-02 | 西安万像电子科技有限公司 | Image processing method and system |
| CN113407888A (en) * | 2021-07-14 | 2021-09-17 | 广州博冠信息科技有限公司 | Browser size adjusting method and device, storage medium and computer equipment |
| WO2022213303A1 (en) * | 2021-04-07 | 2022-10-13 | Google Llc | Systems and methods for adjusting aspect ratio of content slot |
| CN118103809A (en) * | 2021-10-22 | 2024-05-28 | 华为技术有限公司 | Page display method, electronic device and computer readable storage medium |
| CN111880869B (en) * | 2020-06-17 | 2024-11-19 | 西安万像电子科技有限公司 | Picture adjustment method, device and system |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101146128A (en) * | 2007-10-30 | 2008-03-19 | 杨金钰 | Method for allowing small-screen mobile terminal to access and browse WWW websites |
| CN103513979A (en) * | 2012-06-29 | 2014-01-15 | 百度在线网络技术（北京）有限公司 | Webpage self-adaption layout method and device |
| CN105718594A (en) * | 2016-01-29 | 2016-06-29 | 四川长虹电器股份有限公司 | Self-adaptive interface display method for intelligent terminal |
| CN110032409A (en) * | 2018-12-28 | 2019-07-19 | 阿里巴巴集团控股有限公司 | A kind of client screen adaptation method, device and electronic equipment |
-
2019
- 2019-08-15 CN CN201910754097.8A patent/CN110598140A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101146128A (en) * | 2007-10-30 | 2008-03-19 | 杨金钰 | Method for allowing small-screen mobile terminal to access and browse WWW websites |
| CN103513979A (en) * | 2012-06-29 | 2014-01-15 | 百度在线网络技术（北京）有限公司 | Webpage self-adaption layout method and device |
| CN105718594A (en) * | 2016-01-29 | 2016-06-29 | 四川长虹电器股份有限公司 | Self-adaptive interface display method for intelligent terminal |
| CN110032409A (en) * | 2018-12-28 | 2019-07-19 | 阿里巴巴集团控股有限公司 | A kind of client screen adaptation method, device and electronic equipment |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111880869A (en) * | 2020-06-17 | 2020-11-03 | 西安万像电子科技有限公司 | Picture adjusting method, device and system |
| CN111880869B (en) * | 2020-06-17 | 2024-11-19 | 西安万像电子科技有限公司 | Picture adjustment method, device and system |
| CN112073686A (en) * | 2020-09-01 | 2020-12-11 | 苏州科达科技股份有限公司 | Image display method and device and electronic equipment |
| CN112114928A (en) * | 2020-09-28 | 2020-12-22 | 西安万像电子科技有限公司 | Display page processing method and device |
| CN112114928B (en) * | 2020-09-28 | 2023-12-22 | 西安万像电子科技有限公司 | Processing method and device for display page |
| CN112306599A (en) * | 2020-10-22 | 2021-02-02 | 西安万像电子科技有限公司 | Image processing method and system |
| WO2022213303A1 (en) * | 2021-04-07 | 2022-10-13 | Google Llc | Systems and methods for adjusting aspect ratio of content slot |
| JP2023523484A (en) * | 2021-04-07 | 2023-06-06 | グーグル エルエルシー | System and method for adjusting content slot aspect ratio |
| JP7561841B2 (en) | 2021-04-07 | 2024-10-04 | グーグル エルエルシー | SYSTEM AND METHOD FOR ADJUSTING ASPECT RATIO OF CONTENT SLOT - Patent application |
| CN113407888A (en) * | 2021-07-14 | 2021-09-17 | 广州博冠信息科技有限公司 | Browser size adjusting method and device, storage medium and computer equipment |
| CN118103809A (en) * | 2021-10-22 | 2024-05-28 | 华为技术有限公司 | Page display method, electronic device and computer readable storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110598140A (en) | Page adjusting method and device and server | |
| CN110837617B (en) | Webpage self-adaptive layout method, server and computer readable storage medium | |
| US10042950B2 (en) | Method and apparatus for modifying the font size of a webpage according to the screen resolution of a client device | |
| US9864811B2 (en) | Terminal device, system for providing picture and method for transmitting picture | |
| US9195637B2 (en) | Proportional font scaling | |
| US9071651B2 (en) | Dynamic content delivery to network-enabled static display device | |
| US7810049B2 (en) | System and method for web navigation using images | |
| US8156418B2 (en) | Image acquisition from dynamic content for delivery to network-enabled static display devices | |
| US20160094609A1 (en) | Server-based browser system | |
| CN101937428B (en) | Method and system for rearranging pictures with literal contents for mobile terminal equipment | |
| CN107256259B (en) | Page display method and device, electronic equipment and storage medium | |
| JP2007149052A (en) | Apparatus, method and processing program for displaying information | |
| CN109408165A (en) | The multiple terminal self-adapting method and system of data visualisation system | |
| CN112099886A (en) | Desktop display control method and device of mobile zero terminal | |
| CN116909505A (en) | Display method, device, system and medium of self-adaptive visual area | |
| US20040148292A1 (en) | Method of adaptive data transmission | |
| KR101906745B1 (en) | System for terminal resolution adaptation for devices | |
| JP5303534B2 (en) | Appearance information processing apparatus and method | |
| CN105389308B (en) | Webpage display processing method and device | |
| CN105718228B (en) | The method and apparatus that dynamic content is shown | |
| JP2002123456A (en) | Method and device for processing image and storage medium | |
| KR100575437B1 (en) | Apparatus and method for controlling resolution of terminal monitor image | |
| US8156181B2 (en) | Communication apparatus and storage medium storing program | |
| CN113032696A (en) | Display method and display device of page picture | |
| CN112261227A (en) | Method for multi-screen equal-proportion adaptation of mobile terminal |
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 |