CN114676367A - Screen multi-page self-adaptive display method, storage medium and electronic equipment - Google Patents
Screen multi-page self-adaptive display method, storage medium and electronic equipment Download PDFInfo
- Publication number
- CN114676367A CN114676367A CN202210157586.7A CN202210157586A CN114676367A CN 114676367 A CN114676367 A CN 114676367A CN 202210157586 A CN202210157586 A CN 202210157586A CN 114676367 A CN114676367 A CN 114676367A
- Authority
- CN
- China
- Prior art keywords
- page
- webpage
- scaling
- screen
- web
- 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
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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- 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 invention provides a self-adaptive display method for multiple screen pages, a storage medium and electronic equipment, wherein the self-adaptive display method for the multiple screen pages comprises the following steps: acquiring the number of divided screens; determining the scaling of the webpage browsing control according to the size of the display panel of the equipment and the number of the screens; loading the web browsing controls with the same number as the screen according to the scaling; and performing directional jump on the webpage to be displayed by using the webpage browsing control, and presenting webpage content in a multi-page mode. The invention can adapt to various resolutions of the client display, reduce the time required by developers to write various adaptive codes and ensure the consistency of all pages and the design display effect.
Description
Technical Field
The invention belongs to the technical field of webpage design, relates to a page display method, and particularly relates to a self-adaptive display method for multiple pages on a screen, a storage medium and electronic equipment.
Background
In the process of browsing the web pages, sometimes a user needs to compare information of two web pages to be browsed, and the user can drag a web page label needing to be compared and browsed to display in a new window. This method uses two different windows for comparison, requiring manual adjustment of the size and relative position of the two windows.
In order to adapt to screens with different resolutions, the existing website project develops corresponding adaptive codes according to each resolution by adopting a response type media query mode in the development process. This approach has two problems: firstly, the resolution ratio of customer end machine is various, need use the exhaustion method to carry out the adaptation of different resolution ratios in the development, has not only increased work load, and can't accomplish the full coverage, will certainly lead to the fact the bandwagon effect distortion on some clients. And secondly, even if some complex pages are developed in a response mode, the difference of the display effect can be caused because the content of the pages is too much, and the resolution of the client is too low and exceeds the limit of the media query.
Therefore, how to provide a method for adaptively displaying multiple pages on a screen, a storage medium and an electronic device to solve the problem that the prior art cannot adaptively display multiple pages on a web page at any resolution of a client.
Disclosure of Invention
In view of the foregoing disadvantages of the prior art, an object of the present invention is to provide a method, a storage medium, and an electronic device for adaptively displaying multiple pages on a screen, which are used to solve the problem that the prior art cannot adapt to the screen resolution of any client when multiple pages of a web page are displayed.
To achieve the above and other related objects, an aspect of the present invention provides a method for adaptively displaying multiple pages on a screen, the method comprising: acquiring the number of divided screens; determining the scaling of the webpage browsing control according to the size of the display panel of the equipment and the number of the screens; loading the web browsing controls with the same number as the screens according to the scaling; and utilizing the web browsing control to directionally jump the web to be displayed, and presenting the web content in a multi-page mode.
In an embodiment of the present invention, the step of obtaining the number of divided screens includes: and determining the number of screens to be divided according to the webpage browsing requirement of the user.
In an embodiment of the present invention, the step of determining a scaling of the web browsing control according to the size of the display panel of the device and the number of screens includes: acquiring the width of the webpage browsing control; setting the standard display resolution width of a webpage; acquiring the kernel scaling of the webpage browsing control; and determining the scaling ratio according to the width of the webpage browsing control, the standard display resolution width of the webpage and the kernel scaling ratio.
In an embodiment of the present invention, the step of determining the scaling according to the width of the web browsing control, the width of the standard display resolution of the web page, and the kernel scaling includes: taking a result obtained after logarithmic calculation of the ratio of the width of the web browsing control to the standard display resolution width of the web as a first parameter; taking a result obtained after logarithmic calculation is carried out on the kernel scaling as a second parameter; and taking the ratio of the first parameter to the second parameter as the scaling ratio.
In an embodiment of the present invention, the step of loading the web browsing controls with the same number as the number of the screens according to the scaling ratio includes: acquiring an operation instruction of an executable file corresponding to multi-page display; and loading the web browsing controls with the same number as the screens according to the operation instruction.
In an embodiment of the present invention, the step of loading the web browsing controls with the same number as the number of the screens according to the operation instruction includes: if the number of the screens is N, determining that the multi-page mode of the webpage is N pages; and loading N webpage browsing controls.
In an embodiment of the present invention, the step of performing directional jump on the web page to be displayed by using the web browsing control to present the web page content in a multi-page manner includes: taking the scaling ratio as an input parameter, and calling a scaling function; and operating the zooming function, and utilizing the loaded webpage browsing control to directionally jump the webpage to be displayed, so as to present the webpage content in a multi-page mode.
In an embodiment of the present invention, the web browsing control is a CEF control.
To achieve the above and other related objects, another aspect of the present invention provides a computer-readable storage medium having a computer program stored thereon, where the computer program is executed by a processor to implement the method for on-screen multi-page adaptive presentation.
To achieve the above and other related objects, a final aspect of the present invention provides an electronic device, comprising: a processor and a memory; the memory is used for storing computer programs, and the processor is used for executing the computer programs stored by the memory so as to enable the electronic equipment to execute the on-screen multi-page self-adaptive showing method.
As described above, the screen multi-page adaptive display method, the storage medium and the electronic device according to the present invention have the following advantages:
When the multi-page display is carried out on the webpage project, the automatic adaptation of the display screens with different resolutions of the client can be realized without compiling a response type media query code, and the resolution is not limited. The multi-page display of the invention refers to soft split screen, and the multi-page display effect is consistent with the initial design, thus furthest ensuring that the picture of each page is not distorted. On the other hand, the invention can also reduce the time required by developers to write various adaptive codes. The invention takes the exe executable file as a carrier, can provide the expansion of hardware equipment while solving the requirement of displaying a plurality of pages on a large screen at the same time, and solves the problem that the webpage can not call system hardware.
Drawings
FIG. 1 is a schematic flow chart diagram illustrating a multi-page adaptive presentation method according to an embodiment of the present invention.
FIG. 2 is a flow chart of the scaling determination in an embodiment of the method for adaptive multi-page display according to the present invention.
FIG. 3 is a flowchart illustrating the loading of controls according to an embodiment of the present invention.
FIG. 4 is a flowchart illustrating a multi-page display method of the present invention according to an embodiment of the present invention.
FIG. 5A is a multi-page display diagram illustrating a multi-page adaptive presentation method according to an embodiment of the present invention.
FIG. 5B is a multi-page display diagram illustrating a multi-page adaptive presentation method according to another embodiment of the present invention.
FIG. 6 is a multi-page display application scenario diagram illustrating the multi-page adaptive display method according to an embodiment of the present invention.
FIG. 7 is a first page scenario diagram illustrating the multi-page adaptive presentation method according to an embodiment of the present invention.
FIG. 8 is a second page scenario diagram illustrating the multi-page adaptive presentation method according to an embodiment of the present invention.
FIG. 9 is a third page view of the multi-page adaptive presentation method according to an embodiment of the present invention.
FIG. 10 is a fourth page scenario diagram illustrating the multi-page adaptive presentation method according to an embodiment of the present invention.
Fig. 11 is a schematic structural connection diagram of an electronic device according to an embodiment of the invention.
Description of the element reference numerals
5 electronic device
51 processor
52 memory
521 random access memory
522 cache memory
523 storage system
524 Utility tool
525 program module
53 bus
54 external device
55 display
56I/O interface
57 network adapter
S11-S14
S121 to S124
S131 to S132 steps
S141 to S142
Detailed Description
The embodiments of the present invention are described below with reference to specific embodiments, and other advantages and effects of the present invention will be easily understood by those skilled in the art from the disclosure of the present specification. The invention is capable of other and different embodiments and of being practiced or of being carried out in various ways, and its several details are capable of modification in various respects, all without departing from the spirit and scope of the present invention. It is to be noted that the features in the following embodiments and examples may be combined with each other without conflict.
It should be noted that the drawings provided in the following embodiments are only for illustrating the basic idea of the present invention, and the drawings only show the components related to the present invention rather than the number, shape and size of the components in actual implementation, and the type, quantity and proportion of the components in actual implementation may be changed freely, and the layout of the components may be more complicated.
The screen multi-page self-adaptive display method, the storage medium and the electronic equipment can adapt to various resolutions of the client display, reduce the time required by developers to write various adaptive codes and ensure the consistency of all pages and the design display effect.
The principle and implementation of the multi-page screen adaptive display method, the storage medium and the electronic device of the present embodiment will be described in detail below with reference to fig. 1 to 11, so that those skilled in the art can understand the multi-page screen adaptive display method, the storage medium and the electronic device of the present embodiment without creative work.
Please refer to fig. 1, which is a schematic flowchart illustrating a multi-page adaptive presentation method according to an embodiment of the present invention. As shown in fig. 1, the method for adaptively displaying multiple pages on a screen specifically includes the following steps:
s11, the number of divided screens is acquired.
In one embodiment, the number of screens to be divided is determined according to the web browsing needs of the user. Therefore, customized design of webpage multi-page display can be provided for users according to different webpage browsing requirements.
And S12, determining the scaling of the web browsing control according to the size of the display panel of the equipment and the number of the screens.
Specifically, if the number of the screens is 4, the display areas of the 4 webpages after the paging display may be the same in size or different in size, and the present invention is not limited thereto. Thus, the scaling of the web browsing controls corresponding to each page may be the same or different.
Referring to FIG. 2, a flow chart of scaling in an embodiment of the method for adaptive multi-page display according to the invention is shown. As shown in fig. 2, S12 specifically includes the following steps:
and S121, acquiring the width of the webpage browsing control.
Specifically, a parameter corresponding to the width of the web browsing control is defined as cefWidth.
And S122, setting the standard display resolution width of the webpage.
Specifically, a parameter corresponding to the standard display resolution width of the web page is defined as screen x.
And S123, acquiring the kernel scaling of the webpage browsing control.
Specifically, a parameter corresponding to the kernel scaling of the web browsing control is defined as scale.
In practical application, the Web browsing control is a CEF (Embedded browser frame) control, and the CEF control is an open-source Web browser control based on a Google chrome project and supports Windows, Linux and Mac platforms.
Wherein the scaling factor of the scaling level of the chroma kernel is 1.2, the scaling factor determining the kernel scaling by a power operation. The specific kernel scaling calculation process is as follows:
1.2^(-2.0)＝1.0/1.44＝69.4％；
1.2^2.0＝1.44＝144％；
1.2^1.0＝1.2＝120％；
1.2^0＝1.0＝100％。
and S124, determining the scaling according to the width of the webpage browsing control, the standard display resolution width of the webpage and the kernel scaling.
Specifically, S124 specifically includes the following steps:
(1) and taking a result obtained after logarithmic calculation of the ratio of the width of the web browsing control to the standard display resolution width of the web as a first parameter.
Specifically, the width of the web browsing control is cefWidth, the standard display resolution width of the web page is screen X, and the first parameter is expressed as Math.
(2) And taking the result obtained after logarithmic calculation of the kernel scaling as a second parameter.
Specifically, if the kernel scaling is scale, the second parameter is expressed as math.
(3) And taking the ratio of the first parameter to the second parameter as the scaling.
Specifically, defining the scaling as zoom, the scaling is calculated as follows:
zoom＝Math.Log(cefWidth/screenX)/Math.Log(scale)
and S13, loading the web browsing controls with the same number as the screens according to the scaling.
Referring to FIG. 3, a flowchart of control loading in an embodiment of the method for multi-page adaptive presentation according to the present invention is shown.
As shown in fig. 3, S13 specifically includes the following steps:
s131, obtaining an operation instruction of the executable file corresponding to the multi-page display.
Specifically, the executable file is an exe file or an executable file in other format, and the execution instruction is generated in response to the user double-clicking the exe file.
And S132, loading the web browsing controls with the same number as the screens according to the running instruction.
Specifically, according to the running instruction, loading an executable program, determining the number of screens in the executable program, and further determining the number of the webpage browsing controls to be loaded.
Specifically, S132 specifically includes the following steps:
(1) and if the number of the screens is N, determining that the multi-page mode of the webpage is N pages.
Specifically, if N is 4, the number of screens is 4, and it is determined that the multi-page mode of the web page is 4 page display.
(2) And loading N webpage browsing controls.
Specifically, 4 of the web browsing controls are loaded.
And S14, directionally jumping the webpage to be displayed by using the webpage browsing control, and presenting the webpage content in a multi-page mode.
Referring to FIG. 4, a flow chart of displaying multiple pages of a web page according to an embodiment of the method for self-adaptive display of multiple pages of a screen according to the invention is shown. As shown in fig. 4, S14 specifically includes the following steps:
and S141, calling a scaling function by taking the scaling ratio as an input parameter.
Specifically, if the zoom scale zoom is an entry, a zoom function brown. Therefore, each page of the webpage of the website can be automatically zoomed according to the zoom scale.
And S142, operating the zooming function, performing directional jump on the webpage to be displayed by using the loaded webpage browsing control, and presenting the webpage content in a multi-page mode.
Specifically, the loaded web browsing control is utilized to perform directional jump on the web to be displayed through a route.
And further, responding to double click of the exe file by the user, presenting a user login interface, verifying login information such as a user name and a password input by the user, loading the web browsing controls with the same number as the screen after the verification is successful, and performing directional skip on the web to be displayed by using the web browsing controls to present the web content in a multi-page mode.
In practical application, the implementation form of the multi-page self-adaptive display method of the invention is executable files such as exe files formed on the basis of the browser kernel. For example, when the exe file is run by a user at a different client, the size of the display panel of the client and the number of screens are automatically read so as to determine the scaling of the web browsing control, so that the sizes of displays of different clients can be flexibly adapted, and high-resolution display is further ensured while the sizes are adapted.
Furthermore, the split-screen page presented by the multi-screen self-adaptive display method has an alarm function, for example, after detection data presented by a certain split screen exceeds a preset detection threshold, alarm information is transmitted to the client through an executable file, and hardware such as a loudspeaker of the client is called, so that the client gives an alarm, such as sound alarm, light alarm and the like. Therefore, the invention takes the exe executable file as a carrier, can provide the expansion of hardware equipment while solving the requirement of displaying a plurality of pages on a large screen, and solves the problem that the webpage can not call system hardware.
Referring to FIG. 5A, a multi-page display diagram of the on-screen multi-page adaptive display method according to an embodiment of the present invention is shown. As shown in fig. 5A, a web page displayed by a website is displayed in four pages in a display screen, where the web page screen 1 is located above the left side of the display screen, the web page screen 2 is located above the right side of the display screen, the web page screen 3 is located below the left side of the display screen, the web page screen 4 is located below the right side of the display screen, and the web page screen 1, the web page screen 2, the web page screen 3, and the web page screen 4 all divide the display area of the display screen, so as to implement a four-page form with the same size and different positions.
Referring to FIG. 5B, a multi-page display diagram of the on-screen multi-page adaptive display method according to another embodiment of the present invention is shown. As shown in fig. 5B, four pages are performed on the web pages displayed on the website in one display screen, where the web page screen 1 is on the left side of the display screen, the web page screens 2, 3, and 4 are arranged from top to bottom on the right side of the display screen, and the web page screen 1 and the web page screens 2, 3, and 4 occupy different display areas, so as to implement a four-page form with different sizes and different positions.
Referring to FIG. 6, a multi-page adaptive presentation method according to an embodiment of the present invention is shown as a multi-page presentation application scenario. As shown in fig. 6, 4 different web pages of a website are presented, wherein the first page at the upper left displays the announcement content of the website announcement module, the second page at the upper right displays the ship overview of the monitoring module in the website, the third page at the lower left displays the wharf overview of the monitoring module in the website, and the fourth page at the lower right displays the personnel monitoring of the monitoring module in the website. Referring to FIG. 7, a first page scenario diagram of the method for adaptive multi-page presentation according to an embodiment of the present invention is shown. As shown in fig. 7, specific announcement contents of the announcement module in the first page of fig. 6 are presented, and the website in this embodiment is an intelligent tally management and control platform for ship transportation, and specifically includes an announcement module, a monitoring module, a data module, an alarm module, a personnel module, an equipment module, and other information modules.
Referring to FIG. 8, a second page scenario diagram illustrating the method for multi-page adaptive presentation according to an embodiment of the present invention is shown. As shown in fig. 8, the ship overview content of the monitoring module in the second page of fig. 6 is presented, which includes information such as the delayed sailing warning, the real-time berthing bitmap, the planned berthing bitmap, the ship type, and the ship time.
Referring to FIG. 9, a third page scenario diagram of the on-screen multi-page adaptive display method according to an embodiment of the present invention is shown. As shown in fig. 9, the wharf overview content of the monitoring module in the third page of fig. 6 is presented, which includes the planned berthing number, planned departing number, and actual working path of different wharfs, and further includes annual real-time bin quantity, monthly real-time bin quantity, day and night real-time bin quantity, and work attendance/dispatch details of the work shift, wherein the statistical information of each wharf can also be presented in a vector map manner.
Referring to FIG. 10, a fourth page scenario diagram illustrating the on-screen multi-page adaptive presentation method according to an embodiment of the present invention is shown. As shown in fig. 10, the personnel monitoring content of the monitoring module in the fourth page of fig. 6 is presented, including the names of personnel in different positions, the personnel numbers and the box volume corresponding to each personnel, and the setting information such as playing alarm.
Further, the contents displayed on the first page, the second page, the third page and the fourth page and the related operations are independent from each other, and the four pages have their own operation menus respectively, and the operation is performed in one of the pages, for example, the first page in fig. 6, that is, in fig. 7, an "alarm" icon above the page is clicked, and then the alarm information is transmitted to the client through the executable file, and hardware such as a speaker of the client is called, so that the client gives an alarm. The content displayed and operated by one page is not mutually influenced with the content displayed and operated by other pages, so that the independence of each sub-page can be ensured when multiple pages are displayed.
The protection scope of the multi-page self-adaptive display method of the invention is not limited to the execution sequence of the steps listed in the embodiment, and all the schemes of adding, subtracting, and replacing the steps in the prior art according to the principle of the invention are included in the protection scope of the invention.
The present embodiment provides a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the on-screen multi-page adaptive presentation method.
Those of ordinary skill in the art will understand that: all or a portion of the steps of implementing the above-described method embodiments may be performed by hardware associated with a computer program. The aforementioned computer program may be stored in a computer-readable storage medium. When executed, the program performs steps comprising the method embodiments described above; and the aforementioned computer-readable storage medium comprises: various computer storage media that can store program codes, such as ROM, RAM, magnetic or optical disks.
The present invention provides an electronic device, including: a processor and a memory; the memory is used for storing computer programs, and the processor is used for executing the computer programs stored by the memory so as to enable the electronic equipment to execute the on-screen multi-page self-adaptive showing method.
Please refer to fig. 11, which is a schematic structural connection diagram of an electronic device according to an embodiment of the present invention. As shown in fig. 11, the electronic device 5 is represented in the form of a general purpose computing device. The components of the electronic device 5 may include, but are not limited to: one or more processors 51, a memory 52, and a bus 53 that connects the various system components (including the processors 51 and the memory 52).
The electronic device 5 typically includes a variety of computer system readable media. Such media may be any available media that is accessible by electronic device 5 and includes both volatile and nonvolatile media, removable and non-removable media.
Memory 52 may include computer system readable media in the form of volatile Memory, such as RAM (Random Access Memory) 521 and/or cache Memory 522. The electronic device 5 may further include other removable/non-removable, volatile/nonvolatile computer system storage media. By way of example only, storage system 523 may be used to read from and write to non-removable, nonvolatile magnetic media, commonly referred to as a "hard disk drive". A magnetic disk drive for reading from and writing to a removable, nonvolatile magnetic disk such as a CD-ROM (Compact disk Read-Only Memory), DVD-ROM (Digital Video disk), or other optical media, and an optical disk drive for reading from or writing to a removable, nonvolatile optical disk may be provided. In these cases, each drive may be connected to bus 53 by one or more data media interfaces. Memory 52 may include at least one program product having a set (e.g., at least one) of program modules that are configured to carry out the functions of embodiments of the invention.
A program/utility 524 having a set (at least one) of program modules 525 may be stored, for example, in memory 52, such program modules 525 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each of which examples or some combination thereof may comprise an implementation of a network environment. Program modules 525 generally carry out the functions and/or methodologies of embodiments of the invention as described.
The computer system may also communicate with one or more external devices 54 (e.g., keyboard, pointing device, display 55, etc.), with one or more devices that enable a user to interact with the computer system, and/or with any devices (e.g., network card, modem, etc.) that enable the computer system to communicate with one or more other computing devices. Such communication may occur through input/output (I/O) interfaces 56. Further, the computer system may also communicate with one or more networks, such as a LAN (Local Area Network), a WAN (Wide Area Network), and/or a public Network, such as the Internet, through the Network adapter 57. Network adapter 57 communicates with the other modules of the computer system over bus 53. It should be appreciated that although not shown in the figures, other hardware and/or software modules may be used in conjunction with the computer system, including but not limited to: microcode, device drivers, Redundant processing units, external disk drive Arrays, RAID (Redundant Arrays of Independent Disks) systems, tape drives, and data backup storage systems, among others.
In practical applications, the electronic device may be a computer including components such as memory, a memory controller, one or more processing units (CPU), peripheral interfaces, RF circuitry, audio circuitry, speakers, microphone, input/output (I/O) subsystems, a display screen, other output or control devices, and external ports; the computer includes, but is not limited to, a Personal computer such as a desktop computer, a notebook computer, a tablet computer, a smart phone, a smart television, a Personal Digital Assistant (PDA), and the like, and the electronic device may also be smart glasses, a smart watch, or other wearable devices. In other embodiments, the electronic device may also be a server, where the server may be arranged on one or more entity servers according to various factors such as functions and loads, or may be a cloud server formed by a distributed or centralized server cluster, which is not limited in this embodiment.
In summary, when the multi-screen self-adaptive display method, the storage medium and the electronic device of the invention perform split-screen display on a webpage item, automatic adaptation of display screens with different resolutions at a client can be realized without writing a responsive media query code, and there is no limitation on the resolution. The invention supports soft split screen, and the display effect of split screen is consistent with the initial design, and the picture of each split screen is ensured not to be distorted to the maximum extent. On the other hand, the invention can also reduce the time required by developers to write various adaptive codes. The invention takes the exe executable file as a carrier, can provide the expansion of hardware equipment while solving the requirement of displaying a plurality of pages on a large screen at the same time, and solves the problem that the webpage can not call system hardware. The invention effectively overcomes various defects in the prior art and has high industrial utilization value.
The foregoing embodiments are merely illustrative of the principles and utilities of the present invention and are not intended to limit the invention. Those skilled in the art can modify or change the above-described embodiments without departing from the spirit and scope of the present invention. Accordingly, it is intended that all equivalent modifications or changes which can be made by those skilled in the art without departing from the spirit and technical spirit of the present invention be covered by the claims of the present invention.
Claims (10)
1. A multi-screen page adaptive display method is characterized by comprising the following steps:
acquiring the number of divided screens;
determining the scaling of the webpage browsing control according to the size of the display panel of the equipment and the number of the screens;
loading the web browsing controls with the same number as the screen according to the scaling;
and performing directional jump on the webpage to be displayed by using the webpage browsing control, and presenting webpage content in a multi-page mode.
2. The on-screen multi-page adaptive presentation method of claim 1, wherein the step of obtaining the number of divided screens comprises:
and determining the number of screens to be divided according to the webpage browsing requirement of the user.
3. The method of claim 1, wherein the step of determining the scaling of the web browsing control according to the device display panel size and the number of screens comprises:
acquiring the width of the webpage browsing control;
setting the standard display resolution width of the webpage;
obtaining the kernel scaling of the web browsing control;
and determining the scaling according to the width of the webpage browsing control, the standard display resolution width of the webpage and the kernel scaling.
4. The method of claim 3, wherein the step of determining the scaling according to the width of the web browsing control, the standard display resolution width of the web page, and the kernel scaling comprises:
taking a result obtained after logarithmic calculation of the ratio of the width of the web browsing control to the standard display resolution width of the web as a first parameter;
taking a result obtained after logarithmic calculation is carried out on the kernel scaling as a second parameter;
and taking the ratio of the first parameter to the second parameter as the scaling.
5. The method of claim 1, wherein the step of loading the same number of web browsing controls as the number of screens according to the scaling ratio comprises:
Acquiring an operation instruction of an executable file corresponding to multi-page display;
and loading the web browsing controls with the same number as the screens according to the running instruction.
6. The method for adaptively presenting multiple pages on a screen according to claim 5, wherein the step of loading the same number of web browsing controls as the number of the screens according to the execution instruction comprises:
if the number of the screens is N, determining that the multi-page mode of the webpage is N pages;
and loading N webpage browsing controls.
7. The method for adaptive multi-page display according to claim 1, wherein the step of performing directional jump on the web page to be displayed by using the web browsing control to present the web page content in a multi-page manner comprises:
taking the scaling ratio as an input parameter, and calling a scaling function;
and operating the zooming function, and utilizing the loaded webpage browsing control to directionally jump the webpage to be displayed, so as to present the webpage content in a multi-page mode.
8. The method of adaptive multi-screen presentation of claim 1, wherein the web browsing control is a CEF control.
9. A computer-readable storage medium on which a computer program is stored, the computer program implementing the on-screen multi-page adaptive presentation method of any one of claims 1 to 8 when executed by a processor.
10. An electronic device, comprising: a processor and a memory;
the memory is used for storing a computer program, and the processor is used for executing the computer program stored by the memory to enable the electronic equipment to execute the on-screen multi-page self-adaptive display method of any one of claims 1 to 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210157586.7A CN114676367A (en) | 2022-02-21 | 2022-02-21 | Screen multi-page self-adaptive display method, storage medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210157586.7A CN114676367A (en) | 2022-02-21 | 2022-02-21 | Screen multi-page self-adaptive display method, storage medium and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114676367A true CN114676367A (en) | 2022-06-28 |
Family
ID=82072597
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210157586.7A Pending CN114676367A (en) | 2022-02-21 | 2022-02-21 | Screen multi-page self-adaptive display method, storage medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114676367A (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP1975782A1 (en) * | 2007-03-29 | 2008-10-01 | Siemens Aktiengesellschaft | Method and system for displaying a graphical screen |
| CN108733336A (en) * | 2018-05-21 | 2018-11-02 | 北京字节跳动网络技术有限公司 | page display method and device |
| CN109917980A (en) * | 2014-03-05 | 2019-06-21 | 腾讯科技（深圳）有限公司 | The method and device that multi-page is shown |
-
2022
- 2022-02-21 CN CN202210157586.7A patent/CN114676367A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP1975782A1 (en) * | 2007-03-29 | 2008-10-01 | Siemens Aktiengesellschaft | Method and system for displaying a graphical screen |
| CN109917980A (en) * | 2014-03-05 | 2019-06-21 | 腾讯科技（深圳）有限公司 | The method and device that multi-page is shown |
| CN108733336A (en) * | 2018-05-21 | 2018-11-02 | 北京字节跳动网络技术有限公司 | page display method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US7725815B2 (en) | Method and system for ordered resizing columns in a table | |
| US8314809B1 (en) | Selective rendering of off-screen content | |
| US7434174B2 (en) | Method and system for zooming in and out of paginated content | |
| CN107515759B (en) | Screen capture method and device, electronic equipment and readable storage medium | |
| US20100269060A1 (en) | Navigating A Plurality Of Instantiated Virtual Desktops | |
| EP2756481B1 (en) | System and method for layering using tile-based renderers | |
| EP2984558B1 (en) | Multiple displays for displaying workspaces | |
| US20130057572A1 (en) | Multiple Display Device Taskbars | |
| US20070192686A1 (en) | Figure sizing and positioning on dynamic pages | |
| US20130298048A1 (en) | Multi-source, multi-destination data transfers | |
| US7009600B2 (en) | Data processing system display screen including an image alteration area | |
| US10983625B2 (en) | Systems and methods for measurement of unsupported user interface actions | |
| US20070136655A1 (en) | Method and system for linearly resizing columns in a table | |
| US10366518B2 (en) | Extension of text on a path | |
| CN109582269B (en) | Physical splicing screen display method and device and terminal equipment | |
| CN114676367A (en) | Screen multi-page self-adaptive display method, storage medium and electronic equipment | |
| US20200081606A1 (en) | Modifying default display configurations for objects in a user interface | |
| CN105378645A (en) | Virtualizing applications for multi-monitor environments | |
| CN114629800A (en) | Visual generation method, device, terminal and storage medium for industrial control network target range | |
| CN114356475A (en) | Display processing method, device, equipment and storage medium | |
| CN107544737B (en) | Information display method, medium, system and computing device | |
| CN112667939A (en) | Webpage refreshing method and device, electronic equipment and storage medium | |
| CN111008934A (en) | Scene construction method, device, equipment and storage medium | |
| CN112015514B (en) | Method and device for updating material preview window of electronic whiteboard | |
| CN110875875B (en) | Electronic red packet message detection method and device and terminal 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 |