CN109254773A - Skeleton page generation method, device, equipment and storage medium - Google Patents
Skeleton page generation method, device, equipment and storage medium Download PDFInfo
- Publication number
- CN109254773A CN109254773A CN201811092660.1A CN201811092660A CN109254773A CN 109254773 A CN109254773 A CN 109254773A CN 201811092660 A CN201811092660 A CN 201811092660A CN 109254773 A CN109254773 A CN 109254773A
- Authority
- CN
- China
- Prior art keywords
- skeleton
- page
- content
- actual pages
- shows
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Information Transfer Between Computers (AREA)
Abstract
This application involves a kind of skeleton page generation method, device, equipment and storage mediums.The described method includes: obtaining actual pages content；In the actual pages content, identification skeleton shows content；It obtains the skeleton and shows the corresponding skeletal graph of content；Generate the skeleton page of the actual pages content；The skeleton page includes the skeletal graph.According to the embodiment of the present application, Website development personnel need not need the skeleton page being adapted to for different Pages Designs, improve the producing efficiency of the skeleton page.
Description
Technical field
This application involves interactive intelligent tablet computer field, more particularly to a kind of skeleton page generation method, device, equipment and
Storage medium.
Background technique
Skeleton screen technology is applied more and more widely in current Website development.Skeleton screen technology is in reality
Before the formal page held loads out, a skeleton page is first fictionalized.In the skeleton page, actual content should be being shown
Region show a special pattern, such as the rectangle of grey background color.By skeleton screen technology, it is preceding only to avoid formal page load
There is the displaying of empty content, promotes user in the experience for waiting page load.
Currently, Website development personnel are usually to be made according to the page layout of actual content in the formal page and external appearance characteristic
The skeleton page.Since the page layout and external appearance characteristic of the actual content of the different pages may be different, Website development personnel are then needed
It to be directed to the different pages, designs the skeleton page of adaptation.
However, including a large amount of page in a website, Website development personnel are directed to a large amount of page animation skeleton page
It when face, needs to check page layout and external appearance characteristic one by one, to design the skeleton page of adaptation, expends a large amount of manpower and material resources
And the time.
Therefore, the prior art has that skeleton page animation efficiency is lower.
Summary of the invention
Based on this, it is necessary in view of the above technical problems, provide a kind of skeleton page generation method, device, computer and set
Standby and storage medium.
In a first aspect, providing a kind of skeleton page generation method, which comprises
Obtain actual pages content；
In the actual pages content, identification skeleton shows content；
It obtains the skeleton and shows the corresponding skeletal graph of content；
Generate the skeleton page of the actual pages content；The skeleton page includes the skeletal graph.
Described in the actual pages content in one of the embodiments, identification skeleton shows content, comprising:
Extract the content code of the actual pages content；
Judge whether the content code includes skeleton label；
If so, determining that the actual pages content is that the skeleton shows content.
It is described in one of the embodiments, to obtain the corresponding skeletal graph of the skeleton displaying content, comprising:
Determine that the skeleton shows the external appearance characteristic of content；
Search shows the matched graphical information of external appearance characteristic of content with the skeleton；
The corresponding figure of described image information is determined, as the skeletal graph.
The skeleton page for generating the actual pages content in one of the embodiments, comprising:
Generate the initial scaffold page；
Determine that the skeleton shows content in the display area of the initial scaffold page；
In the display area of the initial scaffold page, the skeletal graph is added, obtains the skeleton page.
In one of the embodiments, further include:
Using the actual pages content, practical displayed page is generated；
The skeleton page and the practical displayed page are sent to Page Service end；The Page Service end is for connecing
When receiving the page request at page browsing end, the skeleton page is sent to the page browsing end, and is sending the skeleton
After the page, the practical displayed page is sent to the page browsing end.
It is described in one of the embodiments, to use the actual pages content, generate practical displayed page, comprising:
Obtain the style sheet of the actual pages content；
The actual pages content is rendered using the style sheet, obtains the practical displayed page.
Second aspect, provides a kind of skeleton webpage generating device, and described device includes:
Content obtains module, for obtaining actual pages content；
Content identifier module, in the actual pages content, identification skeleton to show content；
Figure obtains module, shows the corresponding skeletal graph of content for obtaining the skeleton；
Page generation module, for generating the skeleton page of the actual pages content；The skeleton page includes
State skeletal graph.
The content identifier module in one of the embodiments, comprising:
Code extracting sub-module, for extracting the content code of the actual pages content；
Label judging submodule, for judging whether the content code includes skeleton label；
Skeleton content determines submodule, for determining that the actual pages content is that the skeleton shows content.
The third aspect provides a kind of page development equipment characterized by comprising memory, one or more processing
Device；
The memory, for storing one or more programs；
When one or more of programs are executed by one or more of processors, so that one or more of processing
Device realizes following operation:
Obtain actual pages content；
In the actual pages content, identification skeleton shows content；
It obtains the skeleton and shows the corresponding skeletal graph of content；
Generate the skeleton page of the actual pages content；The skeleton page includes the skeletal graph.
Fourth aspect provides a kind of computer readable storage medium, is stored thereon with computer program, the computer
It is performed the steps of when program is executed by processor
Obtain actual pages content；
In the actual pages content, identification skeleton shows content；
It obtains the skeleton and shows the corresponding skeletal graph of content；
Generate the skeleton page of the actual pages content；The skeleton page includes the skeletal graph.
Above-mentioned skeleton page generation method, device, equipment and storage medium, by determining skeleton in actual pages content
It shows content, obtains skeleton and show the corresponding skeletal graph of content, generation includes the skeleton page of skeletal graph, thus website
Developer need not need the skeleton page being adapted to for different Pages Designs, improve the producing efficiency of the skeleton page.
Detailed description of the invention
Fig. 1 is a kind of flow chart of skeleton page generation method of the embodiment of the present application one；
Fig. 2 is a kind of schematic diagram of skeleton page of the embodiment of the present application；
Fig. 3 is a kind of flow chart of skeleton page generation method of the embodiment of the present application two；
Fig. 4 is a kind of schematic diagram of content code of the embodiment of the present application；
Fig. 5 is a kind of schematic diagram of practical displayed page of the embodiment of the present application；
Fig. 6 is a kind of structural schematic diagram of skeleton webpage generating device of the embodiment of the present application three；
Fig. 7 is a kind of structural schematic diagram of page development equipment of the embodiment of the present application four.
Specific embodiment
It is with reference to the accompanying drawings and embodiments, right in order to which the objects, technical solutions and advantages of the application are more clearly understood
The application is further elaborated.It should be appreciated that specific embodiment described herein is only used to explain the application, not
For limiting the application.
Embodiment one
Fig. 1 is a kind of flow chart for skeleton page generation method that the embodiment of the present application one provides.
Skeleton page generation method provided in this embodiment can be executed by page development end, which can lead to
The mode for crossing software and/or hardware realizes that the page development end can be two or more physical entities and constitute, and is also possible to one
A physical entity is constituted.The page development end can be equipped with skeleton screen and generate software, and page development end is raw in operation skeleton screen
When at software, skeleton page generation method below may be implemented.
Specifically, the skeleton page generation method of the embodiment of the present application one specifically includes with reference to Fig. 1:
Step S110 obtains actual pages content.
Wherein, actual pages content can be the page code for generating the page.It can be generated according to the page code
The page for actually showing user to browse.
In the specific implementation, page development end can obtain corresponding actual pages content according to some page address.Example
Such as, page development end can download the page according to URL (Uniform Resource Locator, uniform resource locator)
HTML (HyperText Markup Language, hypertext markup language), using the HTML as actual pages content.
When practical application, Website development personnel can determine after writing actual pages content and store the actual page
The skeleton screen of the address of face content, page development end generates software at runtime, downloads actual pages content according to the address.
Step S120, in the actual pages content, identification skeleton shows content.
Wherein, skeleton shows that content can be the content that will be shown in actual pages content with skeletal graph.For example, skeleton
Show that content can be the content that will be shown in the skeleton page with grey figure.
It is needed in the finally formed skeleton page in skeletal graph displaying in the specific implementation, can be directed in advance
Hold, add skeleton label, result in include multiple skeleton labels actual pages content.When needing to generate skeleton label
When, it will include the actual pages content of skeleton label that page development end, which traverses the skeleton label in actual pages content, make
Content is shown for above-mentioned skeleton.
For example, actual pages content is made of each row page code, the corresponding content of pages of partial page code, in skeleton
It needs to show with skeletal graph in the page, the skeleton label of a sk=true can be added for the partial page code.?
When generating the skeleton page, the sk=true in page code is traversed, the page code of sk=true will be added with, as above-mentioned
Skeleton shows content.
Step S130 obtains the skeleton and shows the corresponding skeletal graph of content.
Wherein, skeletal graph can be by external appearance characteristic generation showing on the skeleton page, according to skeleton displaying content
Figure.Skeleton shows that the external appearance characteristic of content can be the features such as contents and distribution, content shape, content size.
In the specific implementation, since different skeletons shows that content has different external appearance characteristics, page development end can
To show the external appearance characteristic of content according to skeleton, the skeletal graph of adaptation is determined.
For example, skeleton shows that the content shape of content is rectangle, content size is 500 pixel *, 500 pixel, correspondingly
Skeletal graph be then 500 pixel *, 500 pixel rectangle.
Step S140 generates the skeleton page of the actual pages content；The skeleton page includes the skeleton drawing
Shape.
In the specific implementation, page development end can firstly generate an initial scaffold page, then determine in skeleton displaying
Hold the display area in the initial scaffold page, and add skeletal graph in the display area, so that having obtained includes bone
The skeleton page of frame figure.
When practical application, page development end can generate practical displayed page according to actual pages content, and by practical exhibition
Show that the page and the skeleton page are sent to Page Service end.Page Service end is first when receiving the page request at page browsing end
The skeleton page is first sent to page browsing end, after success to be sent, then practical displayed page is sent to page browsing end.
Fig. 2 is a kind of schematic diagram of skeleton page of the embodiment of the present application.As shown, relative to formal practical displaying
The page, the skeleton page does not include actual pages content, and only includes the skeletal graph of pure grey, and data volume is relative to reality
Border displayed page is smaller.Therefore, user can browse to the skeleton page, avoid during loading practical displayed page
User wait practical displayed page load when only empty content, influence user experience the problem of.
Technical solution provided by the embodiments of the present application is obtained by determining that skeleton shows content in actual pages content
Skeleton shows the corresponding skeletal graph of content, and generation includes the skeleton page of skeletal graph, and thus Website development personnel need not
The skeleton page being adapted to for different Pages Designs is needed, the producing efficiency of the skeleton page is improved.
Embodiment two
Fig. 3 is a kind of flow chart for skeleton page generation method that the embodiment of the present application two provides.It is provided in this embodiment
Skeleton page generation method can be executed by page development end, which can be equipped with skeleton screen and generate software, page
End is developed when running skeleton screen generation software in face, and following steps may be implemented:
Step S210 obtains actual pages content.
In the specific implementation, some page URL can be input to skeleton screen by page development end generates software, skeleton screen is generated
Software downloads the HTML and CSS (Cascading Style Sheets, cascading style sheets) of the page according to page URL, by this
HTML is as actual pages content.CSS can then be used for the practical displayed page final for HTML rendering in subsequent processing.
Step S220, in the actual pages content, identification skeleton shows content.
On the basis of the above embodiments, the step S220, comprising:
Extract the content code of the actual pages content；Judge whether the content code includes skeleton label；If
It is, it is determined that the actual pages content is that the skeleton shows content
Fig. 4 is a kind of schematic diagram of content code of the embodiment of the present application.It can as shown, being directed to actual pages content
To extract multiple line content code, judge whether every a line content code includes skeleton label, with the content code of the first row <
Div class=" box student " sk=" true " > for, judge it includes there is skeleton label " sk=" true " ", then
Determine that the actual pages content is that skeleton shows content.
Step S230 obtains the skeleton and shows the corresponding skeletal graph of content.
On the basis of the above embodiments, the step S230, comprising:
Determine that the skeleton shows the external appearance characteristic of content；It searches for and shows that the external appearance characteristic of content is matched with the skeleton
Graphical information；The corresponding figure of described image information is determined, as the skeletal graph.
Wherein, graphical information can be the information of graphic length, width, graph position coordinate etc..
In the specific implementation, being directed to skeleton shows content, it can determine that skeleton shows the external appearance characteristic of content.It is outer according to this
Feature is seen, can be searched out and the matched graphic length of external appearance characteristic, width, figure by way of in the search of CSS object tree
The information of position coordinates etc., as above-mentioned graphical information.Then, according to the graphical information, it can determine corresponding skeleton
Figure.
Step S240 generates the skeleton page of the actual pages content；The skeleton page includes the skeleton drawing
Shape.
On the basis of the above embodiments, the step S240, comprising:
Generate the initial scaffold page；Determine that the skeleton shows content in the display area of the initial scaffold page；?
In the display area of the initial scaffold page, the skeletal graph is added, obtains the skeleton page.
In the specific implementation, page development end can firstly generate an initial scaffold page HTML, skeleton is shown into content
Initial scaffold page HTML is copied to, so that it is determined that skeleton shows content in the display area of the initial scaffold page.Then, root
The corresponding graphical information of content is shown according to skeleton, generates skeleton model code CSS, skeleton model code CSS is inserted into initially
In STYLE (pattern) label of skeleton page HTML, that is, produce include skeletal graph the skeleton page.
Step S250 generates practical displayed page using the actual pages content.
On the basis of the above embodiments, the step S250, comprising:
Obtain the style sheet of the actual pages content；The actual pages content is rendered using the style sheet,
Obtain the practical displayed page.
In the specific implementation, the CSS that can will be downloaded before this according to page URL, as above-mentioned style sheet.Using the page
Face pattern renders actual pages content, obtains above-mentioned practical displayed page.
Fig. 5 is a kind of schematic diagram of practical displayed page of the embodiment of the present application.As shown, the skeleton page with Fig. 2
It compares, practical displayed page includes the content for actually showing user to browse.
Step S260 sends the skeleton page and the practical displayed page to Page Service end；The Page Service
It is being sent out for when receiving the page request at page browsing end, sending the skeleton page to the page browsing end at end
After sending the skeleton page, the practical displayed page is sent to the page browsing end.
In the specific implementation, practical displayed page and the skeleton page can be sent to Page Service end by page development end.Page
The skeleton page is sent to page browsing end first when receiving the page request at page browsing end by face server-side, to be sent
After success, then practical displayed page is sent to page browsing end.
It should be understood that although each step in the flow chart of Fig. 1 and Fig. 3 is successively shown according to the instruction of arrow,
But these steps are not that the inevitable sequence according to arrow instruction successively executes.Unless expressly state otherwise herein, these
There is no stringent sequences to limit for the execution of step, these steps can execute in other order.Moreover, in Fig. 1 and Fig. 3
At least part step may include that perhaps these sub-steps of multiple stages or stage are not necessarily same to multiple sub-steps
One moment executed completion, but can execute at different times, and the execution in these sub-steps or stage sequence is also not necessarily
Be successively carry out, but can at least part of the sub-step or stage of other steps or other steps in turn or
Alternately execute.
Embodiment three
Fig. 6 is a kind of structural schematic diagram for skeleton webpage generating device that the embodiment of the present application three provides.With reference to Fig. 6, originally
The skeleton webpage generating device that embodiment provides specifically includes: content obtains module 310, content identifier module 320, figure and obtains
Module 330 and page generation module 340；Wherein:
Content obtains module 310, for obtaining actual pages content；
Content identifier module 320, in the actual pages content, identification skeleton to show content；
Figure obtains module 330, shows the corresponding skeletal graph of content for obtaining the skeleton；
Page generation module 340, for generating the skeleton page of the actual pages content；The skeleton page includes
The skeletal graph.
Technical solution provided by the embodiments of the present application is obtained by determining that skeleton shows content in actual pages content
Skeleton shows the corresponding skeletal graph of content, and generation includes the skeleton page of skeletal graph, and thus Website development personnel need not
The skeleton page being adapted to for different Pages Designs is needed, the producing efficiency of the skeleton page is improved.
On the basis of the above embodiments, the content identifier module 320, comprising:
Code extracting sub-module, for extracting the content code of the actual pages content；
Label judging submodule, for judging whether the content code includes skeleton label；
Skeleton content determines submodule, for determining that the actual pages content is that the skeleton shows content.
On the basis of the above embodiments, the figure obtains module 330, comprising:
Appearance determines submodule, for determining that the skeleton shows the external appearance characteristic of content；
Information search submodule, for searching for the matched graphical information of external appearance characteristic for showing content with the skeleton；
Figure determines submodule, for determining the corresponding figure of described image information, as the skeletal graph.
On the basis of the above embodiments, the page generation module 340, comprising:
Initial page submodule, for generating the initial scaffold page；
Region determines submodule, for determining that the skeleton shows content in the display area of the initial scaffold page；
Figure adds submodule, for adding the skeletal graph, obtaining in the display area of the initial scaffold page
To the skeleton page.
On the basis of the above embodiments, further includes:
Displayed page generation module generates practical displayed page for using the actual pages content；
Sending module, for sending the skeleton page and the practical displayed page to Page Service end；The page
Server-side is used for when receiving the page request at page browsing end, sends the skeleton page to the page browsing end, and
After sending the skeleton page, the practical displayed page is sent to the page browsing end.
On the basis of the above embodiments, the displayed page generation module, comprising:
Style sheet module, for obtaining the style sheet of the actual pages content；
Rendering module obtains the practical displaying page for rendering the actual pages content using the style sheet
Face.
The skeleton webpage generating device of above-mentioned offer can be used for executing the skeleton page that above-mentioned any embodiment provides and generate
Method has corresponding function and beneficial effect.
Specific about skeleton webpage generating device limits the limit that may refer to above for skeleton page generation method
Fixed, details are not described herein.Modules in above-mentioned skeleton webpage generating device can fully or partially through software, hardware and its
Combination is to realize.Above-mentioned each module can be embedded in the form of hardware or independently of in the processor in computer equipment, can also be with
It is stored in the memory in computer equipment in a software form, in order to which processor calls the above modules of execution corresponding
Operation.
Example IV
Fig. 7 is a kind of structural schematic diagram for page development equipment that the embodiment of the present application four provides.As shown in the figure, the page
Face development equipment includes: processor 40, memory 41, the display screen 42 with touch function, input unit 43, output device 44
And communication device 45.The quantity of processor 40 can be one or more in the page development equipment, at one in figure
For reason device 40.The quantity of memory 41 can be one or more in the page development equipment, with a memory in figure
For 41.The processor 40 of the page development equipment, memory 41, display screen 42, input unit 43, output device 44 and logical
T unit 45 can be connected by bus or other modes, in figure for being connected by bus.
Memory 41 is used as a kind of computer readable storage medium, can be used for storing software program, journey can be performed in computer
Sequence and module, the corresponding program instruction/module of skeleton screen generating method as described in the application any embodiment.Memory 41
It can mainly include storing program area and storage data area, wherein storing program area can storage program area, at least one function institute
The application program needed；Storage data area, which can be stored, uses created data etc. according to equipment.In addition, memory 41 can wrap
High-speed random access memory is included, can also include nonvolatile memory, for example, at least disk memory, a flash memories
Part or other non-volatile solid state memory parts.In some instances, memory 41 can further comprise relative to processor 40
Remotely located memory, these remote memories can pass through network connection to equipment.The example of above-mentioned network includes but not
It is limited to internet, intranet, local area network, mobile radio communication and combinations thereof.
Display screen 42 is the display screen 42 with touch function, can be capacitance plate, electromagnetic screen or infrared screen.Generally
For, display screen 42 is used to show data according to the instruction of processor 40, is also used to receive the touch behaviour for acting on display screen 42
Make, and corresponding signal is sent to processor 40 or other devices.Optionally, it when display screen 42 is infrared screen, also wraps
Infrared touch frame is included, which is arranged in the surrounding of display screen 42, can be also used for receiving infrared signal, and should
Infrared signal is sent to processor 40 or other equipment.
Communication device 45 communicates to connect for establishing with other equipment, can be wire communication device and/or channel radio
T unit.
Input unit 43 can be used for receiving the number or character information of input, and generate the use with page development equipment
Family setting and the related key signals input of function control, can also be the camera for obtaining image and obtain audio number
According to pick up facility.Output device 44 may include the audio frequency apparatuses such as loudspeaker.It should be noted that input unit 43 and output
The concrete composition of device 44 may be set according to actual conditions.
Software program, instruction and the module that processor 40 is stored in memory 41 by operation, thereby executing equipment
Various function application and data processing, that is, realize above-mentioned skeleton page generation method.
Specifically, in embodiment, when processor 40 executes the one or more programs stored in memory 41, specific implementation
Following operation:
Obtain actual pages content；
In the actual pages content, identification skeleton shows content；
It obtains the skeleton and shows the corresponding skeletal graph of content；
Generate the skeleton page of the actual pages content；The skeleton page includes the skeletal graph.
On the basis of the above embodiments, one or more processors 40 also realize following operation:
Extract the content code of the actual pages content；
Judge whether the content code includes skeleton label；
If so, determining that the actual pages content is that the skeleton shows content.
On the basis of the above embodiments, one or more processors 40 also realize following operation:
Determine that the skeleton shows the external appearance characteristic of content；
Search shows the matched graphical information of external appearance characteristic of content with the skeleton；
The corresponding figure of described image information is determined, as the skeletal graph.
On the basis of the above embodiments, one or more processors 40 also realize following operation:
Generate the initial scaffold page；
Determine that the skeleton shows content in the display area of the initial scaffold page；
In the display area of the initial scaffold page, the skeletal graph is added, obtains the skeleton page.
On the basis of the above embodiments, one or more processors 40 also realize following operation:
Using the actual pages content, practical displayed page is generated；
The skeleton page and the practical displayed page are sent to Page Service end；The Page Service end is for connecing
When receiving the page request at page browsing end, the skeleton page is sent to the page browsing end, and is sending the skeleton
After the page, the practical displayed page is sent to the page browsing end.
On the basis of the above embodiments, one or more processors 40 also realize following operation:
Obtain the style sheet of the actual pages content；
The actual pages content is rendered using the style sheet, obtains the practical displayed page.
Embodiment five
The embodiment of the present application five also provides a kind of storage medium comprising computer executable instructions, and the computer can be held
Row instruction by computer processor when being executed for executing a kind of skeleton page generation method, comprising:
Obtain actual pages content；
In the actual pages content, identification skeleton shows content；
It obtains the skeleton and shows the corresponding skeletal graph of content；
Generate the skeleton page of the actual pages content；The skeleton page includes the skeletal graph.
Certainly, a kind of storage medium comprising computer executable instructions, computer provided by the embodiment of the present application
The skeleton page generation method operation that executable instruction is not limited to the described above, can also be performed the application any embodiment and is mentioned
Relevant operation in the skeleton page generation method of confession, and have corresponding function and beneficial effect.
Those of ordinary skill in the art will appreciate that realizing all or part of the process in above-described embodiment method, being can be with
Relevant hardware is instructed to complete by computer program, the computer program can be stored in a non-volatile computer
In read/write memory medium, the computer program is when being executed, it may include such as the process of the embodiment of above-mentioned each method.Wherein,
To any reference of memory, storage, database or other media used in each embodiment provided herein,
Including non-volatile and/or volatile memory.Nonvolatile memory may include read-only memory (ROM), programming ROM
(PROM), electrically programmable ROM (EPROM), electrically erasable ROM (EEPROM) or flash memory.Volatile memory may include
Random access memory (RAM) or external cache.By way of illustration and not limitation, RAM is available in many forms,
Such as static state RAM (SRAM), dynamic ram (DRAM), synchronous dram (SDRAM), double data rate sdram (DDRSDRAM), enhancing
Type SDRAM (ESDRAM), synchronization link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM
(RDRAM), direct memory bus dynamic ram (DRDRAM) and memory bus dynamic ram (RDRAM) etc..
Each technical characteristic of above embodiments can be combined arbitrarily, for simplicity of description, not to above-described embodiment
In each technical characteristic it is all possible combination be all described, as long as however, the combination of these technical characteristics be not present lance
Shield all should be considered as described in this specification.
The several embodiments of the application above described embodiment only expresses, the description thereof is more specific and detailed, but simultaneously
It cannot therefore be construed as limiting the scope of the patent.It should be pointed out that coming for those of ordinary skill in the art
It says, without departing from the concept of this application, various modifications and improvements can be made, these belong to the protection of the application
Range.Therefore, the scope of protection shall be subject to the appended claims for the application patent.
Claims (10)
1. a kind of skeleton page generation method, which is characterized in that the described method includes:
Obtain actual pages content；
In the actual pages content, identification skeleton shows content；
It obtains the skeleton and shows the corresponding skeletal graph of content；
Generate the skeleton page of the actual pages content；The skeleton page includes the skeletal graph.
2. the method according to claim 1, wherein described in the actual pages content, identification skeleton exhibition
Show content, comprising:
Extract the content code of the actual pages content；
Judge whether the content code includes skeleton label；
If so, determining that the actual pages content is that the skeleton shows content.
3. the method according to claim 1, wherein described obtain the corresponding skeleton drawing of the skeleton displaying content
Shape, comprising:
Determine that the skeleton shows the external appearance characteristic of content；
Search shows the matched graphical information of external appearance characteristic of content with the skeleton；
The corresponding figure of described image information is determined, as the skeletal graph.
4. according to the method described in claim 2, it is characterized in that, the skeleton page for generating the actual pages content,
Include:
Generate the initial scaffold page；
Determine that the skeleton shows content in the display area of the initial scaffold page；
In the display area of the initial scaffold page, the skeletal graph is added, obtains the skeleton page.
5. the method according to claim 1, wherein further include:
Using the actual pages content, practical displayed page is generated；
The skeleton page and the practical displayed page are sent to Page Service end；The Page Service end is for receiving
When the page request at page browsing end, the skeleton page is sent to the page browsing end, and is sending the skeleton page
Later, the practical displayed page is sent to the page browsing end.
6. according to the method described in claim 5, it is characterized in that, described use the actual pages content, the practical exhibition of generation
Show the page, comprising:
Obtain the style sheet of the actual pages content；
The actual pages content is rendered using the style sheet, obtains the practical displayed page.
7. a kind of skeleton webpage generating device, which is characterized in that described device includes:
Content obtains module, for obtaining actual pages content；
Content identifier module, in the actual pages content, identification skeleton to show content；
Figure obtains module, shows the corresponding skeletal graph of content for obtaining the skeleton；
Page generation module, for generating the skeleton page of the actual pages content；The skeleton page includes the bone
Frame figure.
8. device according to claim 7, which is characterized in that the content identifier module, comprising:
Code extracting sub-module, for extracting the content code of the actual pages content；
Label judging submodule, for judging whether the content code includes skeleton label；
Skeleton content determines submodule, for determining that the actual pages content is that the skeleton shows content.
9. a kind of page development equipment characterized by comprising memory, one or more processors；
The memory, for storing one or more programs；
When one or more of programs are executed by one or more of processors, so that one or more of processors are held
Row such as skeleton page generation method as claimed in any one of claims 1 to 6.
10. a kind of storage medium comprising computer executable instructions, which is characterized in that the computer executable instructions by
For executing such as skeleton page generation method as claimed in any one of claims 1 to 6 when computer processor executes.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811092660.1A CN109254773B (en) | 2018-09-19 | 2018-09-19 | Skeleton page generation method, device, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811092660.1A CN109254773B (en) | 2018-09-19 | 2018-09-19 | Skeleton page generation method, device, equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109254773A true CN109254773A (en) | 2019-01-22 |
| CN109254773B CN109254773B (en) | 2022-04-05 |
Family
ID=65047670
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811092660.1A Active CN109254773B (en) | 2018-09-19 | 2018-09-19 | Skeleton page generation method, device, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109254773B (en) |
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109902248A (en) * | 2019-02-25 | 2019-06-18 | 百度在线网络技术（北京）有限公司 | Page display method, device, computer equipment and readable storage medium storing program for executing |
| CN109992736A (en) * | 2019-03-20 | 2019-07-09 | 腾讯科技（深圳）有限公司 | Webpage dynamically load effect implementation method, device, terminal and storage medium |
| CN110187913A (en) * | 2019-05-17 | 2019-08-30 | 北京百度网讯科技有限公司 | Publication, operation method and the device of small routine |
| CN110275705A (en) * | 2019-06-19 | 2019-09-24 | 北京三快在线科技有限公司 | Generate method, apparatus, equipment and the storage medium for preloading page code |
| CN110308905A (en) * | 2019-06-26 | 2019-10-08 | 北京奇艺世纪科技有限公司 | A kind of page assembly matching process and device |
| CN110377285A (en) * | 2019-07-23 | 2019-10-25 | 腾讯科技（深圳）有限公司 | A kind of method, apparatus and computer equipment generating page skeleton screen |
| CN110516186A (en) * | 2019-08-15 | 2019-11-29 | 中国平安财产保险股份有限公司 | Page skeleton automatic generating method, equipment, storage medium and device |
| CN110807161A (en) * | 2019-11-08 | 2020-02-18 | 深圳乐信软件技术有限公司 | Page framework rendering method, device, equipment and medium |
| CN111159597A (en) * | 2019-12-25 | 2020-05-15 | 平安养老保险股份有限公司 | Skeleton screen generation method and system, computer equipment and storage medium |
| CN111352627A (en) * | 2020-02-27 | 2020-06-30 | 政采云有限公司 | Page skeleton screen generation method, device, equipment and readable storage medium |
| CN111552525A (en) * | 2019-01-24 | 2020-08-18 | 北京京东尚科信息技术有限公司 | Skeleton screen generation method and device |
| CN111708962A (en) * | 2020-06-23 | 2020-09-25 | 中国平安财产保险股份有限公司 | Rendering method, device and equipment of skeleton screen and storage medium |
| CN111737614A (en) * | 2019-06-24 | 2020-10-02 | 北京京东尚科信息技术有限公司 | Page display method and device, electronic equipment and storage medium |
| CN111857878A (en) * | 2020-07-21 | 2020-10-30 | 北京蚂蜂窝网络科技有限公司 | Skeleton screen page generation method and device, electronic equipment and storage medium |
| CN112286525A (en) * | 2020-09-25 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | Skeleton screen generation method, device and equipment |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20030177175A1 (en) * | 2001-04-26 | 2003-09-18 | Worley Dale R. | Method and system for display of web pages |
| CN1781089A (en) * | 2004-04-30 | 2006-05-31 | 微软公司 | Methods and systems for building packages that contain pre-paginated documents |
| CN103365862A (en) * | 2012-03-28 | 2013-10-23 | 北京百度网讯科技有限公司 | Method and equipment for generating pictures corresponding to pages |
| US20150019956A1 (en) * | 2013-07-12 | 2015-01-15 | Alibaba Group Holding Limited | Method and device for displaying a web page |
| CN104951311A (en) * | 2015-07-03 | 2015-09-30 | 北京京东尚科信息技术有限公司 | Page making method and device |
| CN106503041A (en) * | 2016-09-19 | 2017-03-15 | 曙光信息产业(北京)有限公司 | Page layout self-adaptive method and system |
| CN108279903A (en) * | 2018-02-24 | 2018-07-13 | 北京车和家信息技术有限公司 | The method and device of page presentation |
-
2018
- 2018-09-19 CN CN201811092660.1A patent/CN109254773B/en active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20030177175A1 (en) * | 2001-04-26 | 2003-09-18 | Worley Dale R. | Method and system for display of web pages |
| CN1781089A (en) * | 2004-04-30 | 2006-05-31 | 微软公司 | Methods and systems for building packages that contain pre-paginated documents |
| CN103365862A (en) * | 2012-03-28 | 2013-10-23 | 北京百度网讯科技有限公司 | Method and equipment for generating pictures corresponding to pages |
| US20150019956A1 (en) * | 2013-07-12 | 2015-01-15 | Alibaba Group Holding Limited | Method and device for displaying a web page |
| CN104951311A (en) * | 2015-07-03 | 2015-09-30 | 北京京东尚科信息技术有限公司 | Page making method and device |
| CN106503041A (en) * | 2016-09-19 | 2017-03-15 | 曙光信息产业(北京)有限公司 | Page layout self-adaptive method and system |
| CN108279903A (en) * | 2018-02-24 | 2018-07-13 | 北京车和家信息技术有限公司 | The method and device of page presentation |
Cited By (21)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111552525A (en) * | 2019-01-24 | 2020-08-18 | 北京京东尚科信息技术有限公司 | Skeleton screen generation method and device |
| CN109902248B (en) * | 2019-02-25 | 2021-07-13 | 百度在线网络技术（北京）有限公司 | Page display method and device, computer equipment and readable storage medium |
| CN109902248A (en) * | 2019-02-25 | 2019-06-18 | 百度在线网络技术（北京）有限公司 | Page display method, device, computer equipment and readable storage medium storing program for executing |
| CN109992736A (en) * | 2019-03-20 | 2019-07-09 | 腾讯科技（深圳）有限公司 | Webpage dynamically load effect implementation method, device, terminal and storage medium |
| CN110187913A (en) * | 2019-05-17 | 2019-08-30 | 北京百度网讯科技有限公司 | Publication, operation method and the device of small routine |
| CN110187913B (en) * | 2019-05-17 | 2023-06-09 | 北京百度网讯科技有限公司 | Method and device for issuing and running applet |
| CN110275705A (en) * | 2019-06-19 | 2019-09-24 | 北京三快在线科技有限公司 | Generate method, apparatus, equipment and the storage medium for preloading page code |
| CN111737614A (en) * | 2019-06-24 | 2020-10-02 | 北京京东尚科信息技术有限公司 | Page display method and device, electronic equipment and storage medium |
| CN111737614B (en) * | 2019-06-24 | 2024-02-06 | 北京京东尚科信息技术有限公司 | Page display method, page display device, electronic equipment and storage medium |
| CN110308905A (en) * | 2019-06-26 | 2019-10-08 | 北京奇艺世纪科技有限公司 | A kind of page assembly matching process and device |
| CN110377285A (en) * | 2019-07-23 | 2019-10-25 | 腾讯科技（深圳）有限公司 | A kind of method, apparatus and computer equipment generating page skeleton screen |
| CN110377285B (en) * | 2019-07-23 | 2023-10-03 | 腾讯科技（深圳）有限公司 | Method and device for generating page skeleton screen and computer equipment |
| CN110516186A (en) * | 2019-08-15 | 2019-11-29 | 中国平安财产保险股份有限公司 | Page skeleton automatic generating method, equipment, storage medium and device |
| CN110807161A (en) * | 2019-11-08 | 2020-02-18 | 深圳乐信软件技术有限公司 | Page framework rendering method, device, equipment and medium |
| CN111159597A (en) * | 2019-12-25 | 2020-05-15 | 平安养老保险股份有限公司 | Skeleton screen generation method and system, computer equipment and storage medium |
| CN111352627B (en) * | 2020-02-27 | 2023-04-07 | 政采云有限公司 | Page skeleton screen generation method, device, equipment and readable storage medium |
| CN111352627A (en) * | 2020-02-27 | 2020-06-30 | 政采云有限公司 | Page skeleton screen generation method, device, equipment and readable storage medium |
| CN111708962A (en) * | 2020-06-23 | 2020-09-25 | 中国平安财产保险股份有限公司 | Rendering method, device and equipment of skeleton screen and storage medium |
| CN111857878A (en) * | 2020-07-21 | 2020-10-30 | 北京蚂蜂窝网络科技有限公司 | Skeleton screen page generation method and device, electronic equipment and storage medium |
| CN111857878B (en) * | 2020-07-21 | 2024-04-09 | 北京蚂蜂窝网络科技有限公司 | Skeleton screen page generation method and device, electronic equipment and storage medium |
| CN112286525A (en) * | 2020-09-25 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | Skeleton screen generation method, device and equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109254773B (en) | 2022-04-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109254773A (en) | Skeleton page generation method, device, equipment and storage medium | |
| CN109614424B (en) | Page layout generation method, device, computing equipment and medium | |
| JP4857349B2 (en) | Method, system, and computer program for providing asynchronous portal pages within a portal system | |
| CN107808010A (en) | A kind of pop-up page generation method, device, browser and storage medium | |
| CN106484383A (en) | page rendering method, device and equipment | |
| CN104035753A (en) | Double-WebView customized page display method and system | |
| CN109901834A (en) | Document file page generation method, device, computer equipment and storage medium | |
| CN109388766A (en) | The method and apparatus of page load | |
| US8516041B1 (en) | Pre-fetching asynchronously requested content | |
| CN103699674A (en) | Webpage storing method, webpage opening method, webpage storing device, webpage opening device and webpage browsing system | |
| CN104820589A (en) | Method and device for dynamically adapting webpage | |
| US10282172B2 (en) | Authoring and deploying television apps and pages in a content management system | |
| CN111880790A (en) | Page rendering method, page rendering system, and computer-readable storage medium | |
| CN105683957A (en) | Style sheet speculative preloading | |
| CN111459501A (en) | SVG-based Web configuration picture storage and display system, method and medium | |
| CN112102446A (en) | Animation processing method and device and computer readable storage medium | |
| CN113391808A (en) | Page configuration method and device and electronic equipment | |
| CN112395848A (en) | Rich text display method and device, computer equipment and storage medium | |
| CN110781425B (en) | Display method, device and equipment of mobile terminal H5 page and storage medium | |
| CN111737614B (en) | Page display method, page display device, electronic equipment and storage medium | |
| CN112306486B (en) | Interface generation method and device, server and storage medium | |
| CN113703893A (en) | Page rendering method, device, terminal and storage medium | |
| CN109948085A (en) | Browser kernel initial method, calculates equipment and storage medium at device | |
| CN111880789A (en) | Page rendering method, device, server and computer-readable storage medium | |
| CN115168774A (en) | Webpage rendering method and system, electronic equipment and computer readable 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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |