CN109815424A - Web page picture display methods and terminal device - Google Patents
Web page picture display methods and terminal device Download PDFInfo
- Publication number
- CN109815424A CN109815424A CN201811531507.4A CN201811531507A CN109815424A CN 109815424 A CN109815424 A CN 109815424A CN 201811531507 A CN201811531507 A CN 201811531507A CN 109815424 A CN109815424 A CN 109815424A
- Authority
- CN
- China
- Prior art keywords
- webpage
- target
- target photo
- graphic plotting
- information
- 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
- 238000004590 computer program Methods 0.000 claims description 19
- 238000011161 development Methods 0.000 claims description 5
- 238000005516 engineering process Methods 0.000 abstract description 3
- 230000006870 function Effects 0.000 description 11
- 238000012545 processing Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000009877 rendering Methods 0.000 description 4
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 230000008878 coupling Effects 0.000 description 2
- 230000005611 electricity Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000010485 coping Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000003780 insertion Methods 0.000 description 1
- 230000037431 insertion Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 238000005192 partition Methods 0.000 description 1
- 238000000926 separation method Methods 0.000 description 1
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The present invention relates to field of computer technology, a kind of Web page picture display methods and terminal device are provided.This method comprises: obtaining the webpage information of target webpage from server；The target webpage includes Target Photo；The corresponding graphic plotting object of the Target Photo is obtained from the webpage information；The corresponding graphic plotting object of the Target Photo includes the pictorial information of the Target Photo；According to the corresponding graphic plotting object of the Target Photo, the Target Photo is drawn on the target webpage by the graphic plotting attribute in cascading style sheets.The present invention can show picture in the case where not accounting for image link request, so that the loading velocity of webpage is improved, webpage Caton caused by reducing because of image link.
Description
Technical field
The present invention relates to field of computer technology more particularly to a kind of Web page picture display methods and terminal devices.
Background technique
Colourful bandwagon effect is shown on webpage if necessary, most basic mode is insertion picture resource.But
Picture resource is generally bigger, needs to occupy certain flow, and excessive image link request will lead to browser and concurrently ask
Several occupancy are sought, the illusion of Caton is caused.
Summary of the invention
In view of this, the embodiment of the invention provides Web page picture display methods and terminal device, to solve current webpage
The problem of image link will lead to browser concurrent request number occupancy when requested more, cause Caton.
The first aspect of the embodiment of the present invention provides Web page picture display methods, comprising:
The webpage information of target webpage is obtained from server；The target webpage includes Target Photo；
The corresponding graphic plotting object of the Target Photo is obtained from the webpage information；The Target Photo is corresponding
Graphic plotting object includes the pictorial information of the Target Photo；
According to the corresponding graphic plotting object of the Target Photo, by the graphic plotting attribute in cascading style sheets in institute
It states and draws the Target Photo on target webpage.
The second aspect of the embodiment of the present invention provides web page image display device, comprising:
First obtains module, for obtaining the webpage information of target webpage from server；The target webpage includes target
Picture；
Second obtains module, for obtaining the corresponding graphic plotting object of the Target Photo from the webpage information；
The corresponding graphic plotting object of the Target Photo includes the pictorial information of the Target Photo；
Drafting module, for passing through the figure in cascading style sheets according to the corresponding graphic plotting object of the Target Photo
Shape rendering attribute draws the Target Photo on the target webpage.
The third aspect of the embodiment of the present invention provides computer readable storage medium, the computer readable storage medium
It is stored with computer program, the Web page picture display side in first aspect is realized when the computer program is executed by processor
Method.
The fourth aspect of the embodiment of the present invention provides terminal device, including memory, processor and is stored in described
In memory and the computer program that can run on the processor, the processor are realized when executing the computer program
Web page picture display methods in first aspect.
Existing beneficial effect is the embodiment of the present invention compared with prior art: by obtaining target figure from webpage information
The corresponding graphic plotting object of piece passes through the figure in cascading style sheets further according to the corresponding graphic plotting object of Target Photo
Rendering attribute draws Target Photo on target webpage, can show picture in the case where not accounting for image link request, thus
The loading velocity of webpage is improved, webpage Caton caused by reducing because of image link.
Detailed description of the invention
It to describe the technical solutions in the embodiments of the present invention more clearly, below will be to embodiment or description of the prior art
Needed in attached drawing be briefly described, it should be apparent that, the accompanying drawings in the following description is only of the invention some
Embodiment for those of ordinary skill in the art without any creative labor, can also be according to these
Attached drawing obtains other attached drawings.
Fig. 1 is the implementation flow chart of Web page picture display methods provided in an embodiment of the present invention；
Fig. 2 is the data volume and preset data in Web page picture display methods provided in an embodiment of the present invention by Target Photo
The implementation flow chart that amount threshold value compares；
Fig. 3 is in Web page picture display methods provided in an embodiment of the present invention by history load time of target webpage and pre-
If the implementation flow chart that time threshold compares；
Fig. 4 is to judge whether the Target Photo is located at target in Web page picture display methods provided in an embodiment of the present invention
The implementation flow chart of the predeterminable area of webpage；
Fig. 5 is the Target Photo that will be drawn out on target webpage in Web page picture display methods provided in an embodiment of the present invention
Replace with the implementation flow chart of the Target Photo got；
Fig. 6 is the schematic diagram of web page image display device provided in an embodiment of the present invention；
Fig. 7 is the schematic diagram of terminal device provided in an embodiment of the present invention.
Specific embodiment
In being described below, for illustration and not for limitation, the tool of such as particular system structure, technology etc is proposed
Body details, to understand thoroughly the embodiment of the present invention.However, it will be clear to one skilled in the art that there is no these specific
The present invention also may be implemented in the other embodiments of details.In other situations, it omits to well-known system, device, electricity
The detailed description of road and method, in case unnecessary details interferes description of the invention.
In order to illustrate technical solutions according to the invention, the following is a description of specific embodiments.
Fig. 1 is the implementation flow chart of Web page picture display methods provided in an embodiment of the present invention, and details are as follows:
In S101, the webpage information of target webpage is obtained from server；The target webpage includes Target Photo.
In the present embodiment, user terminal can send the banner of target webpage to server, obtain target webpage
Webpage information.Wherein, target webpage is the webpage that user terminal is shown, Target Photo is the picture in target webpage,
It may include one or more Target Photos in target webpage.
In S102, the corresponding graphic plotting object of the Target Photo is obtained from the webpage information；The target
The corresponding graphic plotting object of picture includes the pictorial information of the Target Photo.
In the present embodiment, the webpage information of target webpage includes the corresponding figure of Target Photo that the target webpage is included
Shape rendered object.The corresponding graphic plotting object of Target Photo includes the pictorial information of Target Photo, for showing on webpage
The Target Photo.Pictorial information may include the information such as the position of each pixel, pixel on picture.For example, Target Photo pair
The graphic plotting object answered can be canvas object.
Optionally, the corresponding graphic plotting object of the Target Photo is that exploitation end passes through figure during webpage development
After the pixel acquisition attribute of rendered object gets the pictorial information of the Target Photo, believed according to the picture of the Target Photo
Cease the graphic plotting object generated.
In the present embodiment, by taking canvas object as an example, it can be canvas that the pixel of graphic plotting object, which obtains attribute,
The getImageData attribute of object.
In webpage development, Target Photo resource needed for developing the available webpage in end creates canvas object, by mesh
Mark picture resource is filled into canvas object；Then the getImageData attribute for passing through canvas object, obtains canvas
It is corresponding to generate Target Photo according to pictorial information for the pictorial informations such as position, color of each pixel of Target Photo in object
Canvas object, and the corresponding canvas object of Target Photo is added in the webpage information of target webpage, by target webpage
Webpage information be saved in server.
In web displaying, user terminal obtains the webpage information of target webpage from server, and obtains from webpage information
The corresponding canvas object of Target Photo.
In S103, according to the corresponding graphic plotting object of the Target Photo, drawn by the figure in cascading style sheets
Attribute processed draws the Target Photo on the target webpage.
In the present embodiment, the graphic plotting attribute in cascading style sheets (Cascading Style Sheets, CSS) can
Think box-shadow attribute.User terminal can utilize the box-shadow of CSS according to the corresponding canvas object of Target Photo
The corresponding API of attribute (Application Programming Interface, application programming interface) is on target webpage
Draw the Target Photo.
The embodiment of the present invention from webpage information by obtaining the corresponding graphic plotting object of Target Photo, further according to target
The corresponding graphic plotting object of picture draws target figure by the graphic plotting attribute in cascading style sheets on target webpage
Piece can show picture in the case where not accounting for image link request, to improve the loading velocity of webpage, reduce because of picture chain
Webpage Caton caused by connecing.
In practical application scene because picture is generally bigger, and browser request simultaneously picture number be it is conditional,
Usually 4, if there is 100 pictures on webpage, that browser needs to remove 100 pictures of request points for 25 times, if it asks every time
Seek needs 0.5 second, that needs could load the page within 12.5 seconds in total.The embodiment of the present invention converts picture into html, realizes net
Page is quickly presented, and without occupying browser connection number resource, generates yin to html label by the box-shadow attribute of CSS
Shadow, and the parameters such as shade offset, fuzzy, color are controlled, form picture.By this programme, may be implemented to be not present one in webpage
A picture resource, and picture is shown in the case where occupying to image link zero, to improve the loading velocity of webpage.
As an embodiment of the present invention, as shown in Fig. 2, after S101, before S102, the above method can be with
Include:
In S201, the data volume of the Target Photo is obtained, and by the data volume and preset data of the Target Photo
Amount threshold value compares.
In S202, if the data volume of the Target Photo is less than the preset data amount threshold value, loaded from server
The Target Photo.
In S203, if the data volume of the Target Photo is greater than the preset data amount threshold value, jump to it is described from
The step of corresponding graphic plotting object of Target Photo is obtained in webpage information.
In the present embodiment, the data volume of Target Photo is the size of data of the Target Photo.The data volume of Target Photo
It may be embodied in webpage information, or be included in the corresponding graphic plotting object of Target Photo.If the data of Target Photo
Amount is less than preset data amount threshold value, then it represents that the Target Photo is small picture, directly can load the picture from server；If mesh
Mark on a map piece data volume be greater than preset data amount threshold value, then it represents that the Target Photo be big picture, can be according to S102 and S103
The step of on webpage carry out picture drafting.
The embodiment of the present invention judges the size of Target Photo by image data amount and preset data amount threshold value, for small figure
Piece is directly loaded from server, and big picture is drawn in user terminal, draws two kinds of displays by picture load and picture
Mode flexible choice is able to ascend the loading velocity of webpage.
As an embodiment of the present invention, as shown in figure 3, after S101, before S102, the above method can be with
Include:
In S301, obtain the history load time of target webpage, and by the history load time of the target webpage with
Preset time threshold compares.
In S302, if the history load time of the target webpage is less than the preset time threshold, from server
Load the Target Photo.
In S303, if the history load time of the target webpage is greater than the preset time threshold, institute is jumped to
State the step of corresponding graphic plotting object of Target Photo is obtained from webpage information.
In the present embodiment, the history load time of target webpage be target webpage in a loading procedure from starting plus
It is downloaded to load and is fully completed required duration.The history load time can be the average load of all history loads of target webpage
Duration, maximum load duration or minimum load duration etc..User terminal can obtain the target webpage that server records from server
Web page loading time, user terminal be also possible to from user terminal locally obtain record target webpage web page loading time.
For the embodiment of the present invention according to the web page loading time in statistical data, the webpage shorter for web page loading time is straight
Connect from server and load its picture, webpage longer for web page loading time according to the step of S102 and S103 to its picture into
Row is drawn, and the loading velocity of the slow webpage of significant increase loading velocity is capable of, and promotes user experience.
As an embodiment of the present invention, the webpage information includes the Target Photo in the target webpage
Location information.As shown in figure 4, before S102, the above method can also include: after S101
In S401, judge whether the Target Photo is located at the preset areas of the target webpage according to the positional information
Domain.
In S402, if the Target Photo is located at the predeterminable area of the target webpage, described in server load
Target Photo.
In S403, if the Target Photo is not at the predeterminable area of the target webpage, jump to it is described from
The step of corresponding graphic plotting object of Target Photo is obtained in webpage information.
In the present embodiment, predeterminable area can be the region in target webpage rearward or on the lower, these regional aim pages
Face will not be shown that when user's browsing objective webpage will not be immediately seen in load first on screen, usually in equal users
Switch or roll target pages after browsing other content, the page in the region can be just shown on screen.
If Target Photo is located at the predeterminable area in target webpage, the Target Photo is loaded from server, it is aobvious in screen
After showing that content is switched to the webpage comprising predeterminable area, image data has usually loaded completion, therefore can be directly in target
The image data of load is shown on webpage.
If Target Photo is not located at the predeterminable area of target webpage, show that the Target Photo position can directly shield
Curtain on show, at this time without the time from server complete data load, therefore can according to the step of S102 and S103 in webpage
Upper drafting Target Photo.
Position of the embodiment of the present invention according to picture in webpage is loading the picture in predeterminable area from server,
Picture outside predeterminable area is drawn, and under the premise of capable of not influencing user's viewing experience, is improved page loading velocity, is promoted
Image display effect.
As an embodiment of the present invention, as shown in figure 5, after S101, the above method can also include:
In S501, the Target Photo is obtained from server.
In S502, after getting the Target Photo, the Target Photo drawn out on the target webpage is replaced
For the Target Photo got.
In the present embodiment, speed is Loaded Image faster from server in Web page rendering picture ratio, but load from server
Image display effect it is more preferable, the embodiment of the present invention is by the Web page rendering picture, after getting the picture from server
The picture drawn is replaced, the display effect of picture can be promoted while guaranteeing webpage loading velocity.
The embodiment of the present invention from webpage information by obtaining the corresponding graphic plotting object of Target Photo, further according to target
The corresponding graphic plotting object of picture draws target figure by the graphic plotting attribute in cascading style sheets on target webpage
Piece can show picture in the case where not accounting for image link request, to improve the loading velocity of webpage, reduce because of picture chain
Webpage Caton caused by connecing.
It should be understood that the size of the serial number of each step is not meant that the order of the execution order in above-described embodiment, each process
Execution sequence should be determined by its function and internal logic, the implementation process without coping with the embodiment of the present invention constitutes any limit
It is fixed.
Corresponding to Web page picture display methods described in foregoing embodiments, Fig. 6 shows net provided in an embodiment of the present invention
The schematic diagram of page image display apparatus.For ease of description, only the parts related to this embodiment are shown.
Referring to Fig. 6, which includes that the first acquisition module 61, second obtains module 62 and drafting module 63.
First obtains module 61, for obtaining the webpage information of target webpage from server；The target webpage includes mesh
It marks on a map piece.
Second obtains module 62, for obtaining the corresponding graphic plotting pair of the Target Photo from the webpage information
As；The corresponding graphic plotting object of the Target Photo includes the pictorial information of the Target Photo.
Drafting module 63 is used for according to the corresponding graphic plotting object of the Target Photo, by cascading style sheets
Graphic plotting attribute draws the Target Photo on the target webpage.
Optionally, the corresponding graphic plotting object of the Target Photo is that exploitation end passes through figure during webpage development
After the pixel acquisition attribute of rendered object gets the pictorial information of the Target Photo, believed according to the picture of the Target Photo
Cease the graphic plotting object generated.
Optionally, which further includes processing module, and the processing module is used for:
The data volume of the Target Photo is obtained, and the data volume of the Target Photo and preset data amount threshold value are carried out
Comparison；
If the data volume of the Target Photo is less than the preset data amount threshold value, the target figure is loaded from server
Piece；
If the data volume of the Target Photo is greater than the preset data amount threshold value, jump to described from webpage information
The step of obtaining Target Photo corresponding graphic plotting object.
Optionally, the processing module is also used to:
The history load time of target webpage is obtained, and by the history load time of the target webpage and preset time threshold
Value compares；
If the history load time of the target webpage is less than the preset time threshold, the mesh is loaded from server
It marks on a map piece；
If the history load time of the target webpage is greater than the preset time threshold, jump to described from webpage letter
The step of corresponding graphic plotting object of Target Photo is obtained in breath.
Optionally, the webpage information includes location information of the Target Photo in the target webpage；The place
Reason module is also used to:
Judge whether the Target Photo is located at the predeterminable area of the target webpage according to the positional information；
If the Target Photo is located at the predeterminable area of the target webpage, the Target Photo is loaded from server；
If the Target Photo is not at the predeterminable area of the target webpage, jump to described from webpage information
The step of obtaining Target Photo corresponding graphic plotting object.
Optionally, the processing module is also used to:
The Target Photo is obtained from server；
After getting the Target Photo, the Target Photo drawn out on the target webpage replaced with and is got
Target Photo.
The embodiment of the present invention from webpage information by obtaining the corresponding graphic plotting object of Target Photo, further according to target
The corresponding graphic plotting object of picture draws target figure by the graphic plotting attribute in cascading style sheets on target webpage
Piece can show picture in the case where not accounting for image link request, to improve the loading velocity of webpage, reduce because of picture chain
Webpage Caton caused by connecing.
Fig. 7 is the schematic diagram for the terminal device that one embodiment of the invention provides.As shown in fig. 7, the terminal of the embodiment is set
Standby 7 include: processor 70, memory 71 and are stored in the meter that can be run in the memory 71 and on the processor 70
Calculation machine program 72, such as program.The processor 70 realizes above-mentioned each embodiment of the method when executing the computer program 72
In step, such as step 101 shown in FIG. 1 is to 103.Alternatively, reality when the processor 70 executes the computer program 72
The function of each module/unit in existing above-mentioned each Installation practice, such as the function of module 61 to 63 shown in Fig. 6.
Illustratively, the computer program 72 can be divided into one or more module/units, it is one or
Multiple module/units are stored in the memory 71, and are executed by the processor 70, to complete the present invention.Described one
A or multiple module/units can be the series of computation machine program instruction section that can complete specific function, which is used for
Implementation procedure of the computer program 72 in the terminal device 7 is described.
The terminal device 7 can be the calculating such as desktop PC, notebook, palm PC and cloud server and set
It is standby.The terminal device may include, but be not limited only to, processor 70, memory 71.It will be understood by those skilled in the art that Fig. 7
The only example of terminal device 7 does not constitute the restriction to terminal device 7, may include than illustrating more or fewer portions
Part perhaps combines certain components or different components, such as the terminal device can also include input-output equipment, net
Network access device, bus, display etc..
Alleged processor 70 can be central processing unit (Central Processing Unit, CPU), can also be
Other general processors, digital signal processor (Digital Signal Processor, DSP), specific integrated circuit
(Application Specific Integrated Circuit, ASIC), ready-made programmable gate array (Field-
Programmable Gate Array, FPGA) either other programmable logic device, discrete gate or transistor logic,
Discrete hardware components etc..General processor can be microprocessor or the processor is also possible to any conventional processor
Deng.
The memory 71 can be the internal storage unit of the terminal device 7, such as the hard disk or interior of terminal device 7
It deposits.The memory 71 is also possible to the External memory equipment of the terminal device 7, such as be equipped on the terminal device 7
Plug-in type hard disk, intelligent memory card (Smart Media Card, SMC), secure digital (Secure Digital, SD) card dodge
Deposit card (Flash Card) etc..Further, the memory 71 can also both include the storage inside list of the terminal device 7
Member also includes External memory equipment.The memory 71 is for storing needed for the computer program and the terminal device
Other programs and data.The memory 71 can be also used for temporarily storing the data that has exported or will export.
It is apparent to those skilled in the art that for convenience of description and succinctly, only with above-mentioned each function
Can unit, module division progress for example, in practical application, can according to need and by above-mentioned function distribution by different
Functional unit, module are completed, i.e., the internal structure of described device is divided into different functional unit or module, more than completing
The all or part of function of description.Each functional unit in embodiment, module can integrate in one processing unit, can also
To be that each unit physically exists alone, can also be integrated in one unit with two or more units, it is above-mentioned integrated
Unit both can take the form of hardware realization, can also realize in the form of software functional units.In addition, each function list
Member, the specific name of module are also only for convenience of distinguishing each other, the protection scope being not intended to limit this application.Above system
The specific work process of middle unit, module, can refer to corresponding processes in the foregoing method embodiment, and details are not described herein.
In the above-described embodiments, it all emphasizes particularly on different fields to the description of each embodiment, is not described in detail or remembers in some embodiment
The part of load may refer to the associated description of other embodiments.
Those of ordinary skill in the art may be aware that list described in conjunction with the examples disclosed in the embodiments of the present disclosure
Member and algorithm steps can be realized with the combination of electronic hardware or computer software and electronic hardware.These functions are actually
It is implemented in hardware or software, the specific application and design constraint depending on technical solution.Professional technician
Each specific application can be used different methods to achieve the described function, but this realization is it is not considered that exceed
The scope of the present invention.
In embodiment provided by the present invention, it should be understood that disclosed device/terminal device and method, it can be with
It realizes by another way.For example, device described above/terminal device embodiment is only schematical, for example, institute
The division of module or unit is stated, only a kind of logical function partition, there may be another division manner in actual implementation, such as
Multiple units or components can be combined or can be integrated into another system, or some features can be ignored or not executed.Separately
A bit, shown or discussed mutual coupling or direct-coupling or communication connection can be through some interfaces, device
Or the INDIRECT COUPLING or communication connection of unit, it can be electrical property, mechanical or other forms.
The unit as illustrated by the separation member may or may not be physically separated, aobvious as unit
The component shown may or may not be physical unit, it can and it is in one place, or may be distributed over multiple
In network unit.It can select some or all of unit therein according to the actual needs to realize the mesh of this embodiment scheme
's.
It, can also be in addition, the functional units in various embodiments of the present invention may be integrated into one processing unit
It is that each unit physically exists alone, can also be integrated in one unit with two or more units.Above-mentioned integrated list
Member both can take the form of hardware realization, can also realize in the form of software functional units.
If the integrated module/unit be realized in the form of SFU software functional unit and as independent product sale or
In use, can store in a computer readable storage medium.Based on this understanding, the present invention realizes above-mentioned implementation
All or part of the process in example method, can also instruct relevant hardware to complete, the meter by computer program
Calculation machine program can be stored in a computer readable storage medium, the computer program when being executed by processor, it can be achieved that on
The step of stating each embodiment of the method.Wherein, the computer program includes computer program code, the computer program generation
Code can be source code form, object identification code form, executable file or certain intermediate forms etc..The computer-readable medium
It may include: any entity or device, recording medium, USB flash disk, mobile hard disk, magnetic that can carry the computer program code
Dish, CD, computer storage, read-only memory (Read-Only Memory, ROM), random access memory (Random
Access Memory, RAM), electric carrier signal, telecommunication signal and software distribution medium etc..It should be noted that the meter
The content that calculation machine readable medium includes can carry out increase and decrease appropriate according to the requirement made laws in jurisdiction with patent practice,
Such as in certain jurisdictions, according to legislation and patent practice, computer-readable medium do not include be electric carrier signal and electricity
Believe signal.
Embodiment described above is merely illustrative of the technical solution of the present invention, rather than its limitations；Although referring to aforementioned reality
Applying example, invention is explained in detail, those skilled in the art should understand that: it still can be to aforementioned each
Technical solution documented by embodiment is modified or equivalent replacement of some of the technical features；And these are modified
Or replacement, the spirit and scope for technical solution of various embodiments of the present invention that it does not separate the essence of the corresponding technical solution should all
It is included within protection scope of the present invention.
Claims (10)
1. a kind of Web page picture display methods, which is characterized in that be applied to user terminal, comprising:
The webpage information of target webpage is obtained from server；The target webpage includes Target Photo；
The corresponding graphic plotting object of the Target Photo is obtained from the webpage information；The corresponding figure of the Target Photo
Rendered object includes the pictorial information of the Target Photo；
According to the corresponding graphic plotting object of the Target Photo, by the graphic plotting attribute in cascading style sheets in the mesh
The Target Photo is drawn on mark webpage.
2. Web page picture display methods as described in claim 1, which is characterized in that the corresponding graphic plotting of the Target Photo
Object is to develop end to get the Target Photo by the pixel acquisition attribute of graphic plotting object during webpage development
Pictorial information after, according to the pictorial information of the Target Photo generate graphic plotting object.
3. Web page picture display methods as described in claim 1, which is characterized in that obtain target webpage from server described
Webpage information after, it is described before obtaining the corresponding graphic plotting object of Target Photo in webpage information, further includes:
It obtains the data volume of the Target Photo, and the data volume of the Target Photo and preset data amount threshold value is carried out pair
Than；
If the data volume of the Target Photo is less than the preset data amount threshold value, the Target Photo is loaded from server；
If the data volume of the Target Photo is greater than the preset data amount threshold value, jumps to and described obtained from webpage information
The step of Target Photo corresponding graphic plotting object.
4. Web page picture display methods as described in claim 1, which is characterized in that obtain target webpage from server described
Webpage information after, it is described before obtaining the corresponding graphic plotting object of Target Photo in webpage information, further includes:
Obtain the history load time of target webpage, and by the history load time of the target webpage and preset time threshold into
Row comparison；
If the history load time of the target webpage is less than the preset time threshold, the target figure is loaded from server
Piece；
If the history load time of the target webpage is greater than the preset time threshold, jump to described from webpage information
The step of obtaining Target Photo corresponding graphic plotting object.
5. Web page picture display methods as described in claim 1, which is characterized in that the webpage information includes the target figure
Location information of the piece in the target webpage；It is described from server obtain target webpage webpage information after, it is described from
In webpage information before the corresponding graphic plotting object of acquisition Target Photo, further includes:
Judge whether the Target Photo is located at the predeterminable area of the target webpage according to the positional information；
If the Target Photo is located at the predeterminable area of the target webpage, the Target Photo is loaded from server；
If the Target Photo is not at the predeterminable area of the target webpage, jumps to and described obtained from webpage information
The step of Target Photo corresponding graphic plotting object.
6. such as Web page picture display methods described in any one of claim 1 to 5, which is characterized in that obtained described from server
After taking the webpage information of target webpage, further includes:
The Target Photo is obtained from server；
After getting the Target Photo, the Target Photo drawn out on the target webpage is replaced with to the target got
Picture.
7. a kind of web page image display device characterized by comprising
First obtains module, for obtaining the webpage information of target webpage from server；The target webpage includes Target Photo；
Second obtains module, for obtaining the corresponding graphic plotting object of the Target Photo from the webpage information；It is described
The corresponding graphic plotting object of Target Photo includes the pictorial information of the Target Photo；
Drafting module, for being drawn by the figure in cascading style sheets according to the corresponding graphic plotting object of the Target Photo
Attribute processed draws the Target Photo on the target webpage.
8. a kind of computer readable storage medium, the computer-readable recording medium storage has computer program, and feature exists
In when the computer program is executed by processor the step of any one of such as claim 1 to 6 of realization the method.
9. a kind of terminal device, including memory, processor and storage are in the memory and can be on the processor
The computer program of operation, which is characterized in that the processor realizes following steps when executing the computer program:
The webpage information of target webpage is obtained from server；The target webpage includes Target Photo；
The corresponding graphic plotting object of the Target Photo is obtained from the webpage information；The corresponding figure of the Target Photo
Rendered object includes the pictorial information of the Target Photo；
According to the corresponding graphic plotting object of the Target Photo, by the graphic plotting attribute in cascading style sheets in the mesh
The Target Photo is drawn on mark webpage.
10. terminal device as claimed in claim 9, which is characterized in that the corresponding graphic plotting object of the Target Photo is
It develops end and the picture that attribute gets the Target Photo is obtained by the pixel of graphic plotting object during webpage development
After information, according to the graphic plotting object of the pictorial information of Target Photo generation.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811531507.4A CN109815424A (en) | 2018-12-14 | 2018-12-14 | Web page picture display methods and terminal device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811531507.4A CN109815424A (en) | 2018-12-14 | 2018-12-14 | Web page picture display methods and terminal device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109815424A true CN109815424A (en) | 2019-05-28 |
Family
ID=66601686
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811531507.4A Pending CN109815424A (en) | 2018-12-14 | 2018-12-14 | Web page picture display methods and terminal device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109815424A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110502710A (en) * | 2019-07-11 | 2019-11-26 | 平安普惠企业管理有限公司 | Page generation method, device, equipment and readable storage medium storing program for executing |
| CN112052050A (en) * | 2020-08-20 | 2020-12-08 | 腾讯科技（深圳）有限公司 | Shared picture generation method, system, storage medium and terminal equipment |
| CN112307391A (en) * | 2019-07-31 | 2021-02-02 | 北京金山云网络技术有限公司 | Method and device for displaying vector graphics on webpage, electronic equipment and storage medium |
| CN112749356A (en) * | 2019-10-30 | 2021-05-04 | 北京国双科技有限公司 | Webpage graph display method and device |
| CN117574001A (en) * | 2023-10-27 | 2024-02-20 | 北京安锐卓越信息技术股份有限公司 | Oversized picture loading method, device and medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103279574A (en) * | 2013-06-20 | 2013-09-04 | 北京小米科技有限责任公司 | Method, device and terminal device for loading explorer pictures |
| CN103823851A (en) * | 2014-02-14 | 2014-05-28 | 小米科技有限责任公司 | Webpage display method and webpage display device |
| CN107644018A (en) * | 2016-07-20 | 2018-01-30 | 平安科技（深圳）有限公司 | picture loading method and device |
-
2018
- 2018-12-14 CN CN201811531507.4A patent/CN109815424A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103279574A (en) * | 2013-06-20 | 2013-09-04 | 北京小米科技有限责任公司 | Method, device and terminal device for loading explorer pictures |
| CN103823851A (en) * | 2014-02-14 | 2014-05-28 | 小米科技有限责任公司 | Webpage display method and webpage display device |
| CN107644018A (en) * | 2016-07-20 | 2018-01-30 | 平安科技（深圳）有限公司 | picture loading method and device |
Non-Patent Citations (1)
| Title |
|---|
| 贾顺名: "使用box-shadow进行画图(性能优化终结者)", pages 1 - 10, Retrieved from the Internet <URL:https://cloud.tencent.com/developer/article/1157476> * |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110502710A (en) * | 2019-07-11 | 2019-11-26 | 平安普惠企业管理有限公司 | Page generation method, device, equipment and readable storage medium storing program for executing |
| CN112307391A (en) * | 2019-07-31 | 2021-02-02 | 北京金山云网络技术有限公司 | Method and device for displaying vector graphics on webpage, electronic equipment and storage medium |
| CN112749356A (en) * | 2019-10-30 | 2021-05-04 | 北京国双科技有限公司 | Webpage graph display method and device |
| CN112052050A (en) * | 2020-08-20 | 2020-12-08 | 腾讯科技（深圳）有限公司 | Shared picture generation method, system, storage medium and terminal equipment |
| CN112052050B (en) * | 2020-08-20 | 2021-06-08 | 腾讯科技（深圳）有限公司 | Shared picture generation method, system, storage medium and terminal equipment |
| CN117574001A (en) * | 2023-10-27 | 2024-02-20 | 北京安锐卓越信息技术股份有限公司 | Oversized picture loading method, device and medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109815424A (en) | Web page picture display methods and terminal device | |
| CN111399831A (en) | Page display method and device, storage medium and electronic device | |
| CN110019037A (en) | A kind of pdf document methods of exhibiting, device, equipment and storage medium | |
| CN106919406A (en) | A kind of desktop application component issue, update method and device | |
| CN110506267A (en) | The rendering of digital assembly background | |
| CN107463307A (en) | Document display method and device | |
| CN114527980A (en) | Display rendering method and device, electronic equipment and readable storage medium | |
| CN112162672A (en) | Information flow display processing method and device, electronic equipment and storage medium | |
| CN113849096B (en) | Desktop display method and device and computing equipment | |
| CN112395535B (en) | Lazy loading method and apparatus for picture, medium and electronic device | |
| CN104133869B (en) | A kind of Webpage method for refreshing | |
| CN108961268B (en) | Saliency map calculation method and related device | |
| CN110597432A (en) | Interface control method and device, computer readable medium and electronic equipment | |
| CN110442400A (en) | Browser control method and device | |
| CN115501588A (en) | Image rendering method and device, storage medium and electronic equipment | |
| CN114661370A (en) | Resource loading method and device, electronic equipment and computer storage medium | |
| CN113791716A (en) | Picture display method and device, electronic equipment and computer readable medium | |
| CN105843575A (en) | Information display method, device and system | |
| CN118466807B (en) | Control method and device based on jQuery full-screen carousel map | |
| CN116204149B (en) | Method for improving display performance of Android operating system | |
| CN112464126B (en) | Method for generating panoramic chart based on Threejs, terminal equipment and storage medium | |
| CN117093105B (en) | Label display method, device, equipment and storage medium | |
| CN110489068B (en) | Data display method and equipment, storage medium and application server thereof | |
| CN114564166A (en) | Layout method and device of small program page, electronic equipment and storage medium | |
| CN114949848A (en) | Image rendering method and device, electronic equipment 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 | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20190528 |