CN114117284A - Method and device for generating skeleton preview screen, electronic equipment and storage medium - Google Patents
Method and device for generating skeleton preview screen, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN114117284A CN114117284A CN202111463233.1A CN202111463233A CN114117284A CN 114117284 A CN114117284 A CN 114117284A CN 202111463233 A CN202111463233 A CN 202111463233A CN 114117284 A CN114117284 A CN 114117284A
- Authority
- CN
- China
- Prior art keywords
- page content
- preview screen
- skeleton
- page
- instruction
- 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
- 238000000034 method Methods 0.000 title claims abstract description 42
- 230000004044 response Effects 0.000 claims description 20
- 230000004048 modification Effects 0.000 claims description 12
- 238000012986 modification Methods 0.000 claims description 12
- 238000004590 computer program Methods 0.000 claims description 6
- 238000012217 deletion Methods 0.000 claims description 3
- 230000037430 deletion Effects 0.000 claims description 3
- 238000010586 diagram Methods 0.000 description 9
- 230000006870 function Effects 0.000 description 7
- 208000019901 Anxiety disease Diseases 0.000 description 1
- 230000036506 anxiety Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 230000003111 delayed effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- 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
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application provides a method and a device for generating a skeleton preview screen, electronic equipment and a storage medium, wherein the method comprises the following steps: acquiring first page content of a target page through a browser plug-in; modifying a plurality of designated elements of the first page content to obtain modified second page content; and generating a first skeleton preview screen corresponding to the target page based on the second page content. According to the scheme, the framework preview screen is generated through the browser plug-in, the generation efficiency and accuracy of the framework screen are improved, and the user experience is enhanced.
Description
Technical Field
The present application relates to the field of computer technologies, and in particular, to a method and an apparatus for generating a skeleton preview screen, an electronic device, and a storage medium.
Background
With the requirement of people on the experience of webpage pages being improved, the application of the skeleton screen in the webpage pages is more and more common. The skeleton screen transmits information to the user in the page loading process, and anxiety of the user is delayed. The traditional skeleton screen has a single scene, and different pages may have the same skeleton screen. In this case, the skeleton screen cannot make the user really perceive the content of the subsequent page, which may cause user trouble.
Disclosure of Invention
The embodiment of the application provides a method for generating a skeleton screen, which is used for solving the problems of low skeleton screen generation efficiency and low accuracy.
The embodiment of the application provides a method for generating a skeleton screen, which comprises the following steps:
acquiring first page content of a target page through a browser plug-in;
modifying a plurality of designated elements of the first page content to obtain modified second page content;
and generating a first skeleton preview screen corresponding to the target page based on the second page content.
In an embodiment, the method further comprises:
and responding to a saving instruction aiming at the first skeleton preview screen, and saving the first skeleton preview screen corresponding to the target page.
In an embodiment, the method further comprises:
responding to an editing instruction aiming at the first skeleton screen, and outputting a control panel of the browser plug-in; wherein the control panel shows the second page content;
responding to an adjusting instruction aiming at the second page content, adjusting the second page content, and obtaining third page content;
and generating a second skeleton preview screen corresponding to the target page based on the third page content.
In an embodiment, the adjustment instruction comprises an add instruction;
the adjusting the second page content in response to the adjusting instruction for the second page content includes:
in response to an adding instruction for the second page content, adding a target element indicated by the adding instruction for the second page content.
In an embodiment, the adjustment instruction comprises a delete instruction;
the adjusting the second page content in response to the adjusting instruction for the second page content includes:
and in response to a deletion instruction for a plurality of target elements in the second page content, deleting the target elements from the second page content.
In an embodiment, the adjustment instruction comprises a modification instruction;
the adjusting the second page content in response to the adjusting instruction for the second page content includes:
modifying a number of target elements in the second page content in response to a modification instruction for the number of target elements in the second page content.
The embodiment of the present application further provides a device for generating a skeleton preview screen, including:
the acquisition module is used for acquiring first page content of a target page through a browser plug-in;
the modification module is used for modifying a plurality of specified elements of the first page content to obtain modified second page content;
and the first preview screen module is used for generating a first skeleton preview screen corresponding to the target page based on the second page content.
In one embodiment, the apparatus further comprises:
the editing module is used for responding to an editing instruction aiming at the first skeleton screen and outputting a control panel of the browser plug-in; wherein the control panel shows the second page content;
the adjusting module is used for responding to an adjusting instruction aiming at the second page content, adjusting the second page content and obtaining a third page content;
and the second preview screen module is used for generating a second skeleton preview screen corresponding to the target page based on the third page content.
An embodiment of the present application further provides an electronic device, where the electronic device includes:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to execute any one of the above methods for generating the skeleton preview screen.
The embodiment of the application also provides a computer-readable storage medium, where a computer program is stored, and the computer program can be executed by a processor to complete any one of the above methods for generating a skeleton preview screen.
According to the technical method provided by the embodiment of the application, the first page content of the target page is obtained through the browser plug-in, the plurality of designated elements of the first page content are modified to obtain the second page content, and the first skeleton preview screen corresponding to the target page is generated according to the second page content, so that the efficiency and the accuracy of generating the skeleton screen are effectively improved, and the user experience is enhanced.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required to be used in the embodiments of the present application will be briefly described below.
Fig. 1 is a schematic structural diagram of an electronic device according to an embodiment of the present application;
fig. 2 is a schematic flowchart of a method for generating a first skeleton preview screen according to an embodiment of the present application;
fig. 3 is a schematic flowchart of a method for generating a second skeleton preview screen according to an embodiment of the present application;
fig. 4 is a block diagram of an apparatus for generating a skeleton preview screen according to an embodiment of the present application;
fig. 5 is a block diagram of a device for generating a second skeleton preview screen according to an embodiment of the present application;
fig. 6 is a block diagram of an apparatus for adjusting a module according to an embodiment of the present disclosure.
Detailed Description
The technical solutions in the embodiments of the present application will be described below with reference to the drawings in the embodiments of the present application.
Like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures. Meanwhile, in the description of the present application, the terms "first", "second", and the like are used only for distinguishing the description, and are not to be construed as indicating or implying relative importance.
The method for generating the skeleton preview screen provided by the embodiment of the application can be applied to the following scenes: acquiring first page content of a target page through a browser plug-in, modifying a plurality of specified elements of the first page content to obtain second page content, generating a first skeleton preview screen corresponding to the target page based on the second page content, and responding to a storage instruction to store the first skeleton preview screen; and responding to the corresponding editing and adjusting instruction, adjusting the second page content to obtain third page content, and generating a second skeleton preview screen corresponding to the target page based on the third page content.
The content of the target page is adjusted through the browser plug-in, the skeleton preview screen corresponding to the target page is obtained, and the efficiency and the accuracy of generating the skeleton screen are improved.
Fig. 1 shows an electronic device 1 according to an embodiment of the present application, where the electronic device 1 includes: at least one processor 11 and a memory 12, one processor being exemplified in fig. 1. The processor 11 and the memory 12 are connected by a bus 10, and the memory 12 stores instructions executable by the processor 11 and the instructions are executed by the processor 11. The processor 11 is configured to execute the method for generating the skeleton preview screen provided by the embodiment of the application.
The processor 11 may be a device comprising a Central Processing Unit (CPU), a Graphics Processing Unit (GPU) or other form of processing unit having data processing capabilities and/or instruction execution capabilities, may process data for other components in the electronic device 1, and may also control other components in the electronic device 1 to perform desired functions.
The components and structures of the electronic device 1 shown in fig. 1 are exemplary only, and not limiting, and the electronic device 1 may have other components and structures according to needs.
In an embodiment, the example electronic device 1 for implementing the method for generating the skeleton preview screen according to the embodiment of the present application may be implemented as an intelligent device such as a smart phone, a tablet computer, a desktop computer, a notebook computer, and a vehicle-mounted terminal.
Fig. 2 is a flowchart illustrating a method for generating a first skeleton preview screen according to an embodiment of the present application. As shown in fig. 2, the method may be performed by the electronic device 1, the method comprising the following steps S210-S230.
Step S210: and acquiring first page content of the target page through the browser plug-in.
In the step, first page content of a target page is obtained through a browser plug-in, wherein the target page is a page needing to generate a skeleton preview screen; the first page content is the page content that has not been modified, i.e., the initial page content of the target page.
Step S220: and modifying a plurality of specified elements of the first page content to obtain modified second page content.
In this step, the modified second page content is obtained by modifying the first page content of the target page, that is, modifying a plurality of specified elements of the first page content to obtain the modified second page content; wherein, the designated elements comprise background color, a plurality of types of controls, frames and the like.
Step S230: and generating a first skeleton preview screen corresponding to the target page based on the second page content.
In this step, a browser plug-in generates a first skeleton preview screen corresponding to the target page according to the second page content acquired in step S220.
Fig. 3 is a flowchart illustrating a method for generating a second skeleton preview screen according to an embodiment of the present application. As shown in fig. 3, the method may be performed by the electronic device 1, the method comprising the following steps S310-S330.
Step S310: and acquiring first page content of the target page through the browser plug-in. See the description of step 210 in the above embodiments for details.
Step S320: the specified elements of the first page content are modified to obtain modified second page content, see the description of step 220 in the above embodiment.
Step S330: and generating a first skeleton preview screen corresponding to the target page based on the second page content. See the description of step 230 in the above embodiments for details.
Step S340: responding to an editing instruction aiming at the first skeleton preview screen, and outputting a control panel of the browser plug-in; wherein the control panel shows the second page content.
In the step, responding to an editing instruction aiming at the first skeleton preview screen, and outputting a control panel of the browser plug-in; the control panel of the browser plug-in is used for displaying and editing the second page content obtained in the step S320.
Step S3530: and responding to an adjusting instruction aiming at the second page content, adjusting the second page content, and obtaining a third page content.
In this step, in response to the adjustment instruction for the second page content, the second page content is adjusted to obtain a third page content. Wherein the adjusting instruction comprises one or more of an adding instruction, a deleting instruction and a modifying instruction.
When the adjusting instruction is an adding instruction, in response to the adding instruction for the second page content, adding the target element indicated by the adding instruction for the second page content. And the target element indicated by the adding instruction is a background color, a plurality of types of controls, a frame and the like which are not contained in the second page content and need to be added.
And when the adjusting instruction is a deleting instruction, responding to the deleting instruction aiming at a plurality of target elements in the second page content, and deleting the target elements from the second page content. The deleting instructions of the target elements are instructions for deleting unnecessary background colors, control pieces of types, frames and the like in the second page content.
And when the adjusting instruction is a modification instruction, modifying a plurality of target elements in the second page content in response to the modification instruction aiming at the plurality of target elements in the second page content. The modification instructions of the target elements are instructions for modifying the background color, the types of controls, the frames and the like of the second page content. The modification of the target element is specifically to modify a certain node in the target element, including modifying the color and content of the node.
Step S360: and generating a second skeleton preview screen corresponding to the target page based on the third page content.
In this step, a second skeleton preview screen corresponding to the target page is generated according to the third page content acquired in step S350 through the browser plug-in.
According to the technical scheme provided by the embodiment of the application, the first page content of the target page is obtained through the browser plug-in, the plurality of designated elements of the first page content are modified to obtain the second page content, and the first skeleton preview screen corresponding to the target page is generated according to the second page content, so that the efficiency and the accuracy of generating the skeleton screen are effectively improved, and the user experience is enhanced.
The following is an embodiment of the apparatus of the present application, which may be used to execute an embodiment of the method for generating the skeleton preview screen of the present application. For details not disclosed in the embodiments of the apparatus of the present application, please refer to the embodiments of the method for generating the preview screen of the present application.
Fig. 4 is a block diagram of a device for generating a skeleton preview screen according to an embodiment of the present application. As shown in fig. 4, the apparatus includes: an acquisition module 410, a modification module 420, and a first preview screen module 430.
The obtaining module 410 is configured to obtain first page content of the target page through the browser plug-in.
A modifying module 420, configured to modify the specified elements of the first page content to obtain a modified second page content.
And a first preview screen module 430, configured to generate a first skeleton preview screen corresponding to the target page based on the second page content.
In an embodiment, as shown in fig. 5, the apparatus for generating a skeleton preview screen further includes: an editing module 510, an adjusting module 520, and a second preview screen module 530.
An editing module 510, configured to output a control panel of the browser plug-in response to an editing instruction for the first skeleton screen; wherein the control panel shows the second page content.
The adjusting module 520 is configured to adjust the second page content in response to an adjusting instruction for the second page content, so as to obtain a third page content.
A second preview screen module 530, configured to generate a second skeleton preview screen corresponding to the target page based on the third page content.
In one embodiment, as shown in fig. 6, the adjusting module 520 includes: an add module 610, a delete module 620, and a modify module 630.
An adding module 610, configured to, in response to an adding instruction for the second page content, add, to the second page content, a target element indicated by the adding instruction.
A deleting module 620, configured to, in response to a deletion instruction for a number of target elements in the second page content, delete the target elements from the second page content.
A modifying module 630, configured to modify the target elements in the second page content in response to a modification instruction for the target elements in the second page content.
The implementation processes of the functions and the functions of each module in the device are specifically detailed in the implementation processes of the corresponding steps in the generation method of the skeleton preview screen, and are not described again here.
In the embodiments provided in the present application, the disclosed apparatus and method can be implemented in other ways. The apparatus embodiments described above are merely illustrative, and for example, the flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of apparatus, methods and computer program products according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). In some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
In addition, functional modules in the embodiments of the present application may be integrated together to form an independent part, or each module may exist separately, or two or more modules may be integrated to form an independent part.
The functions, if implemented in the form of software functional modules and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present application or portions thereof that substantially contribute to the prior art may be embodied in the form of a software product stored in a storage medium and including instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.
Claims (10)
1. A generation method of a skeleton preview screen is characterized by comprising the following steps:
acquiring first page content of a target page through a browser plug-in;
modifying a plurality of designated elements of the first page content to obtain modified second page content;
and generating a first skeleton preview screen corresponding to the target page based on the second page content.
2. The method of claim 1, further comprising:
and responding to a saving instruction aiming at the first skeleton preview screen, and saving the first skeleton preview screen corresponding to the target page.
3. The method of claim 1, further comprising:
responding to an editing instruction aiming at the first skeleton preview screen, and outputting a control panel of the browser plug-in; wherein the control panel shows the second page content;
responding to an adjusting instruction aiming at the second page content, adjusting the second page content, and obtaining third page content;
and generating a second skeleton preview screen corresponding to the target page based on the third page content.
4. The method of claim 3, wherein the adjustment instruction comprises an add instruction;
the adjusting the second page content in response to the adjusting instruction for the second page content includes:
in response to an adding instruction for the second page content, adding a target element indicated by the adding instruction for the second page content.
5. The method of claim 3, wherein the adjustment instruction comprises a delete instruction;
the adjusting the second page content in response to the adjusting instruction for the second page content includes:
and in response to a deletion instruction for a plurality of target elements in the second page content, deleting the target elements from the second page content.
6. The method of claim 3, wherein the adjustment instruction comprises a modification instruction;
the adjusting the second page content in response to the adjusting instruction for the second page content includes:
modifying a number of target elements in the second page content in response to a modification instruction for the number of target elements in the second page content.
7. An apparatus for generating a skeleton preview screen, comprising:
the acquisition module is used for acquiring first page content of a target page through a browser plug-in;
the modification module is used for modifying a plurality of specified elements of the first page content to obtain modified second page content;
and the first preview screen module is used for generating a first skeleton preview screen corresponding to the target page based on the second page content.
8. The apparatus of claim 7, further comprising:
the editing module is used for responding to an editing instruction aiming at the first skeleton preview screen and outputting a control panel of the browser plug-in; wherein the control panel shows the second page content;
the adjusting module is used for responding to an adjusting instruction aiming at the second page content, adjusting the second page content and obtaining a third page content;
and the second preview screen module is used for generating a second skeleton preview screen corresponding to the target page based on the third page content.
9. An electronic device, characterized in that the electronic device comprises:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to perform the method of generating the skeletal preview screen of any one of claims 1 to 6.
10. A computer-readable storage medium, characterized in that the storage medium stores a computer program executable by a processor to perform the method of generating a skeletal preview screen according to any of the claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111463233.1A CN114117284A (en) | 2021-12-02 | 2021-12-02 | Method and device for generating skeleton preview screen, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111463233.1A CN114117284A (en) | 2021-12-02 | 2021-12-02 | Method and device for generating skeleton preview screen, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114117284A true CN114117284A (en) | 2022-03-01 |
Family
ID=80366604
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111463233.1A Pending CN114117284A (en) | 2021-12-02 | 2021-12-02 | Method and device for generating skeleton preview screen, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114117284A (en) |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110990014A (en) * | 2019-12-12 | 2020-04-10 | 深圳市卡牛科技有限公司 | Method and device for generating page code of skeleton screen, server and storage medium |
| CN111552473A (en) * | 2020-04-27 | 2020-08-18 | 腾讯科技（深圳）有限公司 | Application processing method, device and equipment |
-
2021
- 2021-12-02 CN CN202111463233.1A patent/CN114117284A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110990014A (en) * | 2019-12-12 | 2020-04-10 | 深圳市卡牛科技有限公司 | Method and device for generating page code of skeleton screen, server and storage medium |
| CN111552473A (en) * | 2020-04-27 | 2020-08-18 | 腾讯科技（深圳）有限公司 | Application processing method, device and equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105975576B (en) | Terminal content adaptive display method and device and terminal | |
| CN106056530B (en) | Method and device for displaying picture content in application | |
| US10747715B2 (en) | Apparatus that provides generation service of document file incloud system, method, and storage medium | |
| CN104572668B (en) | Method and apparatus based on multiple pattern file generated Merge Styles files | |
| JP6093873B2 (en) | Typesetting method, apparatus, program and recording medium | |
| CN103345388A (en) | Android-operating-system-based system and device for adapting software to mobile terminal | |
| US20140301663A1 (en) | Systems and Methods for Image Processing | |
| CN113655999A (en) | Rendering method, device and equipment of page control and storage medium | |
| CN111767492B (en) | Picture loading method and device, computer equipment and storage medium | |
| CN107122104B (en) | Data display method and device | |
| CN110968314A (en) | Page generation method and device | |
| CN111045576B (en) | Display control method, display control device, terminal equipment and electronic equipment | |
| CN114117284A (en) | Method and device for generating skeleton preview screen, electronic equipment and storage medium | |
| CN102831212A (en) | Typesetting method and device for page display | |
| CN117671558A (en) | Poster generation method and device, electronic equipment and storage medium | |
| CN113095058B (en) | Method and device for processing page turning of streaming document, electronic equipment and storage medium | |
| CN116110065A (en) | Method, device, computer equipment and storage medium for generating question card data | |
| CN111754518B (en) | Image set expansion method and device and electronic equipment | |
| CN114968572A (en) | Method and device for determining occupied memory during picture loading | |
| CN115935909A (en) | File generation method and device and electronic equipment | |
| CN113973235A (en) | Interactive information display method and device and computer equipment | |
| CN107608947B (en) | HTML file processing method and device and electronic equipment | |
| CN110782389A (en) | Image data byte alignment method and terminal | |
| CN112882665A (en) | Method and device for generating printing template, electronic equipment and storage medium | |
| CN114625365B (en) | Webpage editing system, webpage editing method, electronic device and storage medium |
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 |