CN103685518A - Method, client side and system for providing image-text pages for mobile terminal - Google Patents
Method, client side and system for providing image-text pages for mobile terminal Download PDFInfo
- Publication number
- CN103685518A CN103685518A CN201310687464.XA CN201310687464A CN103685518A CN 103685518 A CN103685518 A CN 103685518A CN 201310687464 A CN201310687464 A CN 201310687464A CN 103685518 A CN103685518 A CN 103685518A
- Authority
- CN
- China
- Prior art keywords
- picture
- text class
- html page
- thumbnail
- viewing area
- 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
- 238000000034 method Methods 0.000 title claims abstract description 78
- 238000002224 dissection Methods 0.000 claims description 17
- 238000010586 diagram Methods 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000004590 computer program Methods 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 1
- 150000001875 compounds Chemical class 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000001846 repelling effect Effects 0.000 description 1
- 230000009897 systematic effect Effects 0.000 description 1
Images
Abstract
The invention discloses a method, client side and system for providing image-text pages for a mobile terminal. The method comprises the steps that when the mobile terminal receives an instruction of requesting to load the image-text HTML pages, script style compressed data in the image-text HTML pages are acquired from a CDN system; the script style compressed data of the image-text HTML pages are analyzed, and the text part of the image-text HTML pages is obtained and displayed in the display area of the mobile terminal; thumbnails corresponding to one or more picture elements existing in the image-text HTML pages are loaded from an image-text server, and the thumbnails are shown at the reserved positions of the display area. Through the technical scheme, due to the fact that the text part and the thumbnails of the image-text HTML pages in the display area are loaded firstly and the quantity of loaded data is small, the HMTL pages can be presented for a user fast, and user experience is improved.
Description
Technical field
The present invention relates to network communications technology field, being particularly related to mobile terminal provides the method for the picture and text class page, client and system.
Background technology
The so-called picture and text class page refers to that existing text description has again the html page of picture.For example, the solution on mobile terminal provides software when user inputs problem, can return to the picture and text class html page of corresponding solution to user, comprising explanatory note and the picture explaining.
While opening picture and text class html page on mobile terminal, mobile browser can load all resources in html page, yet because html page includes a large amount of words and picture resource, and mobile network's speed of download is limited, therefore ample resources makes to load and becomes slow, the page can not be presented to user at once, and user experiences poor.
Summary of the invention
In view of the above problems, the present invention has been proposed in case provide a kind of overcome the problems referred to above or address the above problem at least in part provide method, client and the system of the picture and text class page for mobile terminal.
According to one aspect of the present invention, provide a kind of for mobile terminal provides the method for the picture and text class page, comprising:
When mobile terminal receives the indication of request of loading picture and text class html page, the script pattern packed data from picture and text class html page described in content distributing network CDN system acquisition;
Resolve the script pattern packed data of described picture and text class html page, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal;
From figure bed server, load the corresponding thumbnail of one or more picture elements that is arranged in described viewing area existing described picture and text class html page, at the reserved location of described viewing area, show described thumbnail.
Alternatively, the method further comprises: when the instruction of scroll bar of receiving the described viewing area of sliding, the word segment that enters described viewing area of the described picture and text class of corresponding displaying html page, and load from figure bed server the corresponding thumbnail of one or more picture elements in described viewing area that enters existing described picture and text class html page, and show described thumbnail at the reserved location of described viewing area.
Alternatively, the method further comprises: when receiving the instruction of clicking the thumbnail of showing in described viewing area, load the original graph that this thumbnail is corresponding, and show described original graph from figure bed server in described viewing area.
Alternatively, described script pattern packed data comprises: CSS bag and JS bag.
The invention also discloses a kind ofly for mobile terminal provides the method for the picture and text class page, the method comprises:
The script pattern packed data of picture and text class html page is stored in content distributing network CDN system;
And, the original graph of the picture element existing in described picture and text class html page and thumbnail correspondence are stored on figure bed server;
When mobile terminal receives the indication of request of loading picture and text class html page, from the script pattern packed data of this picture and text class html page of CDN system acquisition; According to the script pattern packed data obtaining, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal; And load from figure bed server the corresponding thumbnail of one or more picture elements that is arranged in described viewing area existing described picture and text class html page, at the reserved location of described viewing area, show described thumbnail.
Alternatively, the method further comprises: mobile terminal, when receiving the instruction of the thumbnail of showing in clicking described viewing area, loads from a figure bed server original graph that this thumbnail is corresponding, and show described original graph in described viewing area.
Alternatively, described the original graph of the one or more picture elements that exist in described picture and text class html page and thumbnail correspondence are stored on figure bed server and are comprised: original graph and thumbnail all convert JPG form to, and the size of all thumbnails is adjusted to after consistent and is stored on figure bed server.
Alternatively, described script pattern packed data comprises: CSS bag and JS bag.
Alternatively, the described script pattern packed data by picture and text class html page is stored in content distributing network CDN system and comprises: after the CSS bag of picture and text class html page and JS bag are compressed to processing, be stored in CDN system.
The invention also discloses a kind ofly for mobile terminal provides the client of the picture and text class page, this client comprises:
Acquiring unit, is suitable for when mobile terminal receives the indication of request of loading picture and text class html page the script pattern packed data from picture and text class html page described in content distributing network CDN system acquisition;
Show processing unit, be suitable for resolving the script pattern packed data of described picture and text class html page, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal; And load from figure bed server the corresponding thumbnail of one or more picture elements that is arranged in described viewing area existing described picture and text class html page, at the reserved location of described viewing area, show described thumbnail.
Alternatively, described displaying processing unit, be further adapted for when the instruction of scroll bar of receiving the described viewing area of sliding, the word segment that enters described viewing area of the described picture and text class of corresponding displaying html page, and load from figure bed server the corresponding thumbnail of one or more picture elements in described viewing area that enters existing described picture and text class html page, and show described thumbnail at the reserved location of described viewing area.
Alternatively, described displaying processing unit, is further adapted for when receiving the instruction of clicking the thumbnail of showing in described viewing area, loads the original graph that this thumbnail is corresponding, and show described original graph from figure bed server in described viewing area.
Alternatively, described acquiring unit, is specifically suitable for when mobile terminal receives the indication of request of loading picture and text class html page, from CSS bag and the JS bag of picture and text class html page described in DN system acquisition.
The invention also discloses a kind ofly for mobile terminal provides the system of the picture and text class page, this system comprises: dissection process server, figure bed server and the client as described in above-mentioned any one;
Described dissection process server, is suitable for the script pattern packed data of picture and text class html page to be stored in content distributing network CDN system; And, the original graph of the picture element existing in described picture and text class html page and thumbnail correspondence are stored on figure bed server;
Described figure bed server, is suitable for preserving original graph and the thumbnail of the picture element existing in picture and text class html page.
Alternatively, described dissection process server, is further adapted for and all converts the original graph of the picture element existing in picture and text class html page and thumbnail to JPG form, and the size of all thumbnails is adjusted to after consistent and is stored on figure bed server.
Alternatively, described dissection process server, is specifically suitable for the CSS bag of picture and text class html page and JS bag to be stored in content distributing network CDN system.
Alternatively, described dissection process server, is further adapted for after the CSS bag of picture and text class html page and JS bag are compressed to processing and is stored in content distributing network CDN again.
According to of the present invention this when mobile terminal receives the indication of request of loading picture and text class html page, the script pattern packed data from picture and text class html page described in content distributing network CDN system acquisition; Resolve the script pattern packed data of described picture and text class html page, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal; From figure bed server, load the corresponding thumbnail of one or more picture elements existing described picture and text class html page, the technical scheme of showing described thumbnail at the reserved location of described viewing area, owing to first loading word segment and the thumbnail of picture and text class html page in viewing area, the data volume loading is less, therefore can quickly html page be presented to user, improve user's experience.
Above-mentioned explanation is only the general introduction of technical solution of the present invention, in order to better understand technological means of the present invention, and can be implemented according to the content of specification, and for above and other objects of the present invention, feature and advantage can be become apparent, below especially exemplified by the specific embodiment of the present invention.
Accompanying drawing explanation
By reading below detailed description of the preferred embodiment, various other advantage and benefits will become cheer and bright for those of ordinary skills.Accompanying drawing is only for the object of preferred implementation is shown, and do not think limitation of the present invention.And in whole accompanying drawing, by identical reference symbol, represent identical parts.In the accompanying drawings:
Fig. 1 shows and a kind ofly according to an embodiment of the invention provides the flow chart of the method for the picture and text class page for mobile terminal;
Fig. 2 shows according to the present invention another embodiment a kind ofly provides the flow chart of the method for the picture and text class page for mobile terminal;
Fig. 3 shows the framework schematic diagram that the method for the picture and text class page is provided for mobile terminal according to an embodiment of the invention;
Fig. 4 shows and a kind ofly according to an embodiment of the invention provides the structure chart of the client of the picture and text class page for mobile terminal;
Fig. 5 show a kind of according to an embodiment of the invention for mobile terminal provide the system of the picture and text class page to form and with outside connection diagram.
Embodiment
Exemplary embodiment of the present disclosure is described below with reference to accompanying drawings in more detail.Although shown exemplary embodiment of the present disclosure in accompanying drawing, yet should be appreciated that and can realize the disclosure and the embodiment that should do not set forth limits here with various forms.On the contrary, it is in order more thoroughly to understand the disclosure that these embodiment are provided, and can by the scope of the present disclosure complete convey to those skilled in the art.
Fig. 1 shows and a kind ofly according to an embodiment of the invention provides the flow chart of the method for the picture and text class page for mobile terminal.As shown in Figure 1, the method comprises:
Step S110, when mobile terminal receives the indication of request of loading picture and text class html page, the script pattern packed data from picture and text class html page described in content distributing network CDN system acquisition.
In one embodiment of the invention, the script pattern packed data of picture and text class html page refers to the part except picture of html page, specifically comprises: the CSS bag of picture and text class html page and JS bag.Here in CSS bag, being the CSS pattern of the page, is the JS script of the page in JS bag.
Step S120, resolves the script pattern packed data of described picture and text class html page, obtains the word segment of described picture and text class html page and shows in the viewing area of mobile terminal.
Step S130, loads from figure bed server the corresponding thumbnail of one or more picture elements that is arranged in described viewing area existing described picture and text class html page, at the reserved location of described viewing area, shows described thumbnail.
Technical scheme shown in Fig. 1, owing to first loading word segment and the thumbnail of picture and text class html page in viewing area, the data volume of loading is less, therefore can quickly html page be presented to user, has improved user's experience.
In one embodiment of the invention, method shown in Fig. 1 further comprises: when the instruction of scroll bar of receiving the described viewing area of sliding, the word segment that enters described viewing area of the described picture and text class of corresponding displaying html page, and load from figure bed server the corresponding thumbnail of one or more picture elements in described viewing area that enters existing described picture and text class html page, and show described thumbnail at the reserved location of described viewing area.
In one embodiment of the invention, method shown in Fig. 1 further comprises: when receiving the instruction of clicking the thumbnail of showing in described viewing area, from figure bed server, load the original graph that this thumbnail is corresponding, and show described original graph in described viewing area.
In such scheme, due to the thumbnail in a loaded and displayed region, and when clicking thumbnail, user just loads corresponding original large figure, rather than whole resources of load page, so loading velocity is very fast, better user experience.
In Fig. 1, with client-side, describe the method in the present invention, below with overall angle, described the method in the present invention.
Fig. 2 shows according to the present invention another embodiment a kind ofly provides the flow chart of the method for the picture and text class page for mobile terminal.As shown in Figure 2, the method comprises:
Step S210, is stored in the script pattern packed data of picture and text class html page in content distributing network CDN system.
Step S220, is stored in the original graph of the picture element existing in described picture and text class html page and thumbnail correspondence on figure bed server.
Step S230, when mobile terminal receives the indication of request of loading picture and text class html page, from the script pattern packed data of this picture and text class html page of CDN system acquisition; According to the script pattern packed data obtaining, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal; And load from figure bed server the corresponding thumbnail of one or more picture elements that is arranged in described viewing area existing described picture and text class html page, at the reserved location of described viewing area, show described thumbnail.
In one embodiment of the invention, method shown in Fig. 2 further comprises: mobile terminal is when receiving the instruction of the thumbnail of showing in clicking described viewing area, from figure bed server, load the original graph that this thumbnail is corresponding, and show described original graph in described viewing area.
In one embodiment of the invention, described in method shown in Fig. 2, the original graph of the one or more picture elements that exist in described picture and text class html page and thumbnail correspondence are stored on figure bed server and are comprised: all convert original graph and thumbnail to JPG form, and the size of all thumbnails is adjusted to after consistent and is stored on figure bed server.
In one embodiment of the invention, the packed data of script pattern described in the method shown in Fig. 2 comprises: CSS bag and JS bag.
In one embodiment of the invention, in method shown in Fig. 2, the described script pattern packed data by picture and text class html page is stored in content distributing network CDN system and comprises: after the CSS bag of picture and text class html page and JS bag are compressed to processing, be stored in CDN system.
For making the method shown in Fig. 2 clearer, below Fig. 3 be that example is further detailed.
Fig. 3 shows the framework schematic diagram that the method for the picture and text class page is provided for mobile terminal according to an embodiment of the invention.As shown in Figure 3, for html page, its html source code comprises picture, JS and CSS.In the present invention JS and CSS are compressed, can use front end to develop common compress technique, as compressor etc., the JS bag after compression and CSS are wrapped and left in CDN system.And the picture in html page is stored on figure bed server, wherein, for each picture comprising in html page, there are corresponding original graph and thumbnail.Picture all changes JPG form into, and the size of thumbnail is adjusted to unanimously, so that store and management.On figure bed server, all kinds of pictures are according to the storage of classifying of the domain name of the picture and text class html page at its place, and picture file all has the filename of oneself.When user uses certain picture and text class html page of mobile terminal accessing, client preference wraps from CDN system acquisition corresponding JS bag and CSS according to domain name, resolve the word segment that can obtain this html page, first show word segment, according to domain name, from figure bed server, obtain the thumbnail of the picture that is arranged in mobile terminal viewing area of this html page simultaneously, and show in corresponding position the thumbnail obtaining.Like this, because the data volume of breviary is less, can to user, show this html page faster.The page if user slides, the thumbnail that continues to obtain from figure bed server the picture element the viewing area of carrying out mobile terminal carries out corresponding displaying.In addition,, if when user clicks certain thumbnail, from figure bed server, obtain corresponding original graph and show user, because making user see original large figure clearly.
Fig. 4 shows and a kind ofly according to an embodiment of the invention provides the structure chart of the client of the picture and text class page for mobile terminal.As shown in Figure 4, should comprise for mobile terminal provides the client 400 of the picture and text class page:
Acquiring unit 401, is suitable for when mobile terminal receives the indication of request of loading picture and text class html page the script pattern packed data from picture and text class html page described in content distributing network CDN system acquisition;
Show processing unit 402, be suitable for resolving the script pattern packed data of described picture and text class html page, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal; And load from figure bed server the corresponding thumbnail of one or more picture elements that is arranged in described viewing area existing described picture and text class html page, at the reserved location of described viewing area, show described thumbnail.
Client shown in Fig. 4, owing to first loading word segment and the thumbnail of picture and text class html page in viewing area, the data volume of loading is less, therefore can quickly html page be presented to user, has improved user's experience.
In one embodiment of the invention, described displaying processing unit 402, be further adapted for when the instruction of scroll bar of receiving the described viewing area of sliding, the word segment that enters described viewing area of the described picture and text class of corresponding displaying html page, and load from figure bed server the corresponding thumbnail of one or more picture elements in described viewing area that enters existing described picture and text class html page, and show described thumbnail at the reserved location of described viewing area.
In one embodiment of the invention, described displaying processing unit 402, be further adapted for when receiving the instruction of clicking the thumbnail of showing in described viewing area, from figure bed server, load the original graph that this thumbnail is corresponding, and show described original graph in described viewing area.
In one embodiment of the invention, described acquiring unit 401, is specifically suitable for when mobile terminal receives the indication of request of loading picture and text class html page, from CSS bag and the JS bag of picture and text class html page described in DN system acquisition.
Fig. 5 show a kind of according to an embodiment of the invention for mobile terminal provide the system of the picture and text class page to form and with outside connection diagram.As shown in Figure 5, this system comprises: dissection process server 500, figure bed server 600 and as shown in Figure 4 shown in provide the client 400 of the picture and text class page for mobile terminal.
Described dissection process server 500, is suitable for the script pattern packed data of picture and text class html page to be stored in content distributing network CDN system; And, the original graph of the picture element existing in described picture and text class html page and thumbnail correspondence are stored on figure bed server to 600;
Described figure bed server 600, is suitable for preserving original graph and the thumbnail of the picture element existing in picture and text class html page.
In one embodiment of the invention, described dissection process server 500, be further adapted for and all convert the original graph of the picture element existing in picture and text class html page and thumbnail to JPG form, and the size of all thumbnails is adjusted to after consistent and is stored on figure bed server.
In one embodiment of the invention, described dissection process server 500, is specifically suitable for the CSS bag of picture and text class html page and JS bag to be stored in content distributing network CDN system.
In one embodiment of the invention, described dissection process server 500, is further adapted for after the CSS bag of picture and text class html page and JS bag are compressed to processing and is stored in content distributing network CDN again.
The operation principle of system shown in Figure 5 can, referring to the description in Fig. 3, no longer be repeated here.
In sum, according to of the present invention this when mobile terminal receives the indication of request of loading picture and text class html page, the script pattern packed data from picture and text class html page described in content distributing network CDN system acquisition; Resolve the script pattern packed data of described picture and text class html page, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal; From figure bed server, load the corresponding thumbnail of one or more picture elements existing described picture and text class html page, the technical scheme of showing described thumbnail at the reserved location of described viewing area, owing to first loading word segment and the thumbnail of picture and text class html page in viewing area, the data volume loading is less, therefore can quickly html page be presented to user, improve user's experience.
It should be noted that:
The algorithm providing at this is intrinsic not relevant to any certain computer, virtual system or miscellaneous equipment with demonstration.Various general-purpose systems also can with based on using together with this teaching.According to description above, it is apparent constructing the desired structure of this type systematic.In addition, the present invention is not also for any certain programmed language.It should be understood that and can utilize various programming languages to realize content of the present invention described here, and the description of above language-specific being done is in order to disclose preferred forms of the present invention.
In the specification that provided herein, a large amount of details have been described.Yet, can understand, embodiments of the invention can not put into practice in the situation that there is no these details.In some instances, be not shown specifically known method, structure and technology, so that not fuzzy understanding of this description.
Similarly, be to be understood that, in order to simplify the disclosure and to help to understand one or more in each inventive aspect, in the above in the description of exemplary embodiment of the present invention, each feature of the present invention is grouped together into single embodiment, figure or sometimes in its description.Yet, the method for the disclosure should be construed to the following intention of reflection: the present invention for required protection requires than the more feature of feature of clearly recording in each claim.Or rather, as reflected in claims below, inventive aspect is to be less than all features of disclosed single embodiment above.Therefore, claims of following embodiment are incorporated to this embodiment thus clearly, and wherein each claim itself is as independent embodiment of the present invention.
Those skilled in the art are appreciated that and can the module in the equipment in embodiment are adaptively changed and they are arranged in one or more equipment different from this embodiment.Module in embodiment or unit or assembly can be combined into a module or unit or assembly, and can put them into a plurality of submodules or subelement or sub-component in addition.At least some in such feature and/or process or unit are mutually repelling, and can adopt any combination to combine all processes or the unit of disclosed all features in this specification (comprising claim, summary and the accompanying drawing followed) and disclosed any method like this or equipment.Unless clearly statement in addition, in this specification (comprising claim, summary and the accompanying drawing followed) disclosed each feature can be by providing identical, be equal to or the alternative features of similar object replaces.
In addition, those skilled in the art can understand, although embodiment more described herein comprise some feature rather than further feature included in other embodiment, the combination of the feature of different embodiment means within scope of the present invention and forms different embodiment.For example, in the following claims, the one of any of embodiment required for protection can be used with compound mode arbitrarily.
All parts embodiment of the present invention can realize with hardware, or realizes with the software module moved on one or more processor, or realizes with their combination.It will be understood by those of skill in the art that can use in practice microprocessor or digital signal processor (DSP) to realize provides the client of the picture and text class page and the some or all functions of the some or all parts in system according to the embodiment of the present invention for mobile terminal.The present invention for example can also be embodied as, for carrying out part or all equipment or device program (, computer program and computer program) of method as described herein.Realizing program of the present invention and can be stored on computer-readable medium like this, or can there is the form of one or more signal.Such signal can be downloaded and obtain from internet website, or provides on carrier signal, or provides with any other form.
It should be noted above-described embodiment the present invention will be described rather than limit the invention, and those skilled in the art can design alternative embodiment in the situation that do not depart from the scope of claims.In the claims, any reference symbol between bracket should be configured to limitations on claims.Word " comprises " not to be got rid of existence and is not listed as element or step in the claims.Being positioned at word " " before element or " one " does not get rid of and has a plurality of such elements.The present invention can be by means of including the hardware of some different elements and realizing by means of the computer of suitably programming.In having enumerated the unit claim of some devices, several in these devices can be to carry out imbody by same hardware branch.The use of word first, second and C grade does not represent any order.Can be title by these word explanations.
The invention discloses A1, a kind ofly provide the method for the picture and text class page for mobile terminal, comprise: when mobile terminal receives the indication of request of loading picture and text class html page, the script pattern packed data from picture and text class html page described in content distributing network CDN system acquisition; Resolve the script pattern packed data of described picture and text class html page, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal; From figure bed server, load the corresponding thumbnail of one or more picture elements that is arranged in described viewing area existing described picture and text class html page, at the reserved location of described viewing area, show described thumbnail.
A2, the method as described in A1, wherein, the method further comprises: when the instruction of scroll bar of receiving the described viewing area of sliding, the word segment that enters described viewing area of the described picture and text class of corresponding displaying html page, and load from figure bed server the corresponding thumbnail of one or more picture elements in described viewing area that enters existing described picture and text class html page, and show described thumbnail at the reserved location of described viewing area.
A3, the method as described in A1 or A2, wherein, the method further comprises: when receiving the instruction of clicking the thumbnail of showing in described viewing area, load the original graph that this thumbnail is corresponding, and show described original graph from figure bed server in described viewing area.
A4, the method as described in A1 or A2, wherein, described script pattern packed data comprises: CSS bag and JS bag.
The invention also discloses B5, a kind of for mobile terminal provides the method for the picture and text class page, wherein, the method comprises: the script pattern packed data of picture and text class html page is stored in content distributing network CDN system; And, the original graph of the picture element existing in described picture and text class html page and thumbnail correspondence are stored on figure bed server; When mobile terminal receives the indication of request of loading picture and text class html page, from the script pattern packed data of this picture and text class html page of CDN system acquisition; According to the script pattern packed data obtaining, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal; And load from figure bed server the corresponding thumbnail of one or more picture elements that is arranged in described viewing area existing described picture and text class html page, at the reserved location of described viewing area, show described thumbnail.
B6, the method as described in B5, wherein, the method further comprises: mobile terminal, when receiving the instruction of the thumbnail of showing in clicking described viewing area, loads from a figure bed server original graph that this thumbnail is corresponding, and show described original graph in described viewing area.
B7, the method as described in B5 or B6, wherein, described the original graph of the one or more picture elements that exist in described picture and text class html page and thumbnail correspondence are stored on figure bed server and are comprised: original graph and thumbnail all convert JPG form to, and the size of all thumbnails is adjusted to after consistent and is stored on figure bed server.
B8, the method as described in B5 or B6, wherein, described script pattern packed data comprises: CSS bag and JS bag.
B9, the method as described in B8, wherein, the described script pattern packed data by picture and text class html page is stored in content distributing network CDN system and comprises: after the CSS bag of picture and text class html page and JS bag are compressed to processing, be stored in CDN system.
The invention also discloses C9, a kind ofly provide the client of the picture and text class page for mobile terminal, wherein, this client comprises: acquiring unit, be suitable for when mobile terminal receives the indication of request of loading picture and text class html page the script pattern packed data from picture and text class html page described in content distributing network CDN system acquisition; Show processing unit, be suitable for resolving the script pattern packed data of described picture and text class html page, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal; And load from figure bed server the corresponding thumbnail of one or more picture elements that is arranged in described viewing area existing described picture and text class html page, at the reserved location of described viewing area, show described thumbnail.
C11, the client as described in C10, wherein, described displaying processing unit, be further adapted for when the instruction of scroll bar of receiving the described viewing area of sliding, the word segment that enters described viewing area of the described picture and text class of corresponding displaying html page, and load from figure bed server the corresponding thumbnail of one or more picture elements in described viewing area that enters existing described picture and text class html page, and show described thumbnail at the reserved location of described viewing area.
C12, the client as described in C10, wherein, described displaying processing unit, is further adapted for when receiving the instruction of clicking the thumbnail of showing in described viewing area, from figure bed server, load the original graph that this thumbnail is corresponding, and show described original graph in described viewing area.
C13, the client as described in C10, wherein,
Described acquiring unit, is specifically suitable for when mobile terminal receives the indication of request of loading picture and text class html page, from CSS bag and the JS bag of picture and text class html page described in DN system acquisition.
The invention also discloses D14, a kind of for mobile terminal provides the system of the picture and text class page, wherein, this system comprises: dissection process server, figure bed server and the client as described in any one in C10-C13; Described dissection process server, is suitable for the script pattern packed data of picture and text class html page to be stored in content distributing network CDN system; And, the original graph of the picture element existing in described picture and text class html page and thumbnail correspondence are stored on figure bed server; Described figure bed server, is suitable for preserving original graph and the thumbnail of the picture element existing in picture and text class html page.
D15, the system as described in D14, wherein, described dissection process server, is further adapted for and all converts the original graph of the picture element existing in picture and text class html page and thumbnail to JPG form, and the size of all thumbnails is adjusted to after consistent and is stored on figure bed server.
D16, the system as described in D14, wherein, described dissection process server, is specifically suitable for the CSS bag of picture and text class html page and JS bag to be stored in content distributing network CDN system.
D17, the system as described in D16, wherein, described dissection process server, is further adapted for after the CSS bag of picture and text class html page and JS bag are compressed to processing and is stored in content distributing network CDN again.
Claims (10)
1. a method for the picture and text class page is provided for mobile terminal, comprises:
When mobile terminal receives the indication of request of loading picture and text class html page, the script pattern packed data from picture and text class html page described in content distributing network CDN system acquisition;
Resolve the script pattern packed data of described picture and text class html page, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal;
From figure bed server, load the corresponding thumbnail of one or more picture elements that is arranged in described viewing area existing described picture and text class html page, at the reserved location of described viewing area, show described thumbnail.
2. the method for claim 1, wherein the method further comprises:
When the instruction of scroll bar of receiving the described viewing area of sliding, the word segment that enters described viewing area of the described picture and text class of corresponding displaying html page, and load from figure bed server the corresponding thumbnail of one or more picture elements in described viewing area that enters existing described picture and text class html page, and show described thumbnail at the reserved location of described viewing area.
3. method as claimed in claim 1 or 2, wherein, the method further comprises:
When receiving the instruction of clicking the thumbnail of showing in described viewing area, from figure bed server, load the original graph that this thumbnail is corresponding, and show described original graph in described viewing area.
4. method as claimed in claim 1 or 2, wherein, described script pattern packed data comprises: CSS bag and JS wrap.
5. a method for the picture and text class page is provided for mobile terminal, and wherein, the method comprises:
The script pattern packed data of picture and text class html page is stored in content distributing network CDN system;
And, the original graph of the picture element existing in described picture and text class html page and thumbnail correspondence are stored on figure bed server;
When mobile terminal receives the indication of request of loading picture and text class html page, from the script pattern packed data of this picture and text class html page of CDN system acquisition; According to the script pattern packed data obtaining, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal; And load from figure bed server the corresponding thumbnail of one or more picture elements that is arranged in described viewing area existing described picture and text class html page, at the reserved location of described viewing area, show described thumbnail.
6. method according to claim 5, wherein, the method further comprises:
Mobile terminal, when receiving the instruction of the thumbnail of showing in clicking described viewing area, loads from a figure bed server original graph that this thumbnail is corresponding, and show described original graph in described viewing area.
7. the method as described in claim 5 or 6, wherein, is describedly stored in the original graph of the one or more picture elements that exist in described picture and text class html page and thumbnail correspondence on figure bed server and comprises:
Original graph and thumbnail all convert JPG form to, and the size of all thumbnails is adjusted to after consistent and is stored on figure bed server.
8. the method as described in claim 5 or 6, wherein, described script pattern packed data comprises: CSS bag and JS wrap.
9. a client for the picture and text class page is provided for mobile terminal, and wherein, this client comprises:
Acquiring unit, is suitable for when mobile terminal receives the indication of request of loading picture and text class html page the script pattern packed data from picture and text class html page described in content distributing network CDN system acquisition;
Show processing unit, be suitable for resolving the script pattern packed data of described picture and text class html page, obtain the word segment of described picture and text class html page and show in the viewing area of mobile terminal; And load from figure bed server the corresponding thumbnail of one or more picture elements that is arranged in described viewing area existing described picture and text class html page, at the reserved location of described viewing area, show described thumbnail.
10. a system for the picture and text class page is provided for mobile terminal, and wherein, this system comprises: dissection process server, figure bed server and as described in claim 9 client;
Described dissection process server, is suitable for the script pattern packed data of picture and text class html page to be stored in content distributing network CDN system; And, the original graph of the picture element existing in described picture and text class html page and thumbnail correspondence are stored on figure bed server;
Described figure bed server, is suitable for preserving original graph and the thumbnail of the picture element existing in picture and text class html page.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310687464.XA CN103685518B (en) | 2013-12-16 | 2013-12-16 | The method of the image-text page, client and system is provided for mobile terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310687464.XA CN103685518B (en) | 2013-12-16 | 2013-12-16 | The method of the image-text page, client and system is provided for mobile terminal |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103685518A true CN103685518A (en) | 2014-03-26 |
| CN103685518B CN103685518B (en) | 2016-09-28 |
Family
ID=50321793
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310687464.XA Active CN103685518B (en) | 2013-12-16 | 2013-12-16 | The method of the image-text page, client and system is provided for mobile terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103685518B (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104636106A (en) * | 2015-02-12 | 2015-05-20 | 小米科技有限责任公司 | Picture displaying method and device and terminal device |
| CN106656749A (en) * | 2016-11-30 | 2017-05-10 | 贵州智通天下信息技术有限公司 | Picture-text mixed arrangement message sending method |
| CN108932277A (en) * | 2018-04-25 | 2018-12-04 | 网宿科技股份有限公司 | A kind of webpage loading method, webpage loading system and server |
| CN109241470A (en) * | 2018-09-27 | 2019-01-18 | 北京小米移动软件有限公司 | Page display method, apparatus and system |
| CN110489682A (en) * | 2019-07-08 | 2019-11-22 | 北京三快在线科技有限公司 | A kind of page loading method and device |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070279438A1 (en) * | 2006-06-05 | 2007-12-06 | Sony Corporation | Information processing apparatus, information processing method, and computer program |
| CN101963992A (en) * | 2010-10-20 | 2011-02-02 | 深圳市茁壮网络股份有限公司 | Method and browser for increasing webpage display speed |
| CN102737067A (en) * | 2011-04-15 | 2012-10-17 | 阿里巴巴集团控股有限公司 | Method and system for outputting webpage |
| CN102789470A (en) * | 2011-05-20 | 2012-11-21 | 腾讯科技（深圳）有限公司 | Method and device for uploading pictures in webpage |
-
2013
- 2013-12-16 CN CN201310687464.XA patent/CN103685518B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070279438A1 (en) * | 2006-06-05 | 2007-12-06 | Sony Corporation | Information processing apparatus, information processing method, and computer program |
| CN101963992A (en) * | 2010-10-20 | 2011-02-02 | 深圳市茁壮网络股份有限公司 | Method and browser for increasing webpage display speed |
| CN102737067A (en) * | 2011-04-15 | 2012-10-17 | 阿里巴巴集团控股有限公司 | Method and system for outputting webpage |
| CN102789470A (en) * | 2011-05-20 | 2012-11-21 | 腾讯科技（深圳）有限公司 | Method and device for uploading pictures in webpage |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104636106A (en) * | 2015-02-12 | 2015-05-20 | 小米科技有限责任公司 | Picture displaying method and device and terminal device |
| CN104636106B (en) * | 2015-02-12 | 2018-12-25 | 小米科技有限责任公司 | Image display method and device, terminal device |
| CN106656749A (en) * | 2016-11-30 | 2017-05-10 | 贵州智通天下信息技术有限公司 | Picture-text mixed arrangement message sending method |
| CN108932277A (en) * | 2018-04-25 | 2018-12-04 | 网宿科技股份有限公司 | A kind of webpage loading method, webpage loading system and server |
| WO2019205191A1 (en) * | 2018-04-25 | 2019-10-31 | 网宿科技股份有限公司 | Webpage loading method, webpage loading system, and server |
| CN109241470A (en) * | 2018-09-27 | 2019-01-18 | 北京小米移动软件有限公司 | Page display method, apparatus and system |
| CN110489682A (en) * | 2019-07-08 | 2019-11-22 | 北京三快在线科技有限公司 | A kind of page loading method and device |
| CN110489682B (en) * | 2019-07-08 | 2022-04-15 | 北京三快在线科技有限公司 | Page loading method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103685518B (en) | 2016-09-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11153402B2 (en) | Method and apparatus for automatically optimizing the loading of images in a cloud-based proxy service | |
| CN110096660B (en) | Method and device for loading page pictures and electronic equipment | |
| US8499099B1 (en) | Converting data into addresses | |
| US20170351648A1 (en) | Delivery and display of page previews using shadow dom | |
| CN104036011A (en) | Webpage element display method and browser device. | |
| CN104077387A (en) | Webpage content display method and browser device | |
| CN103617191A (en) | Browser and method for rendering same by means of hardware acceleration | |
| CN103685518A (en) | Method, client side and system for providing image-text pages for mobile terminal | |
| CN103631905A (en) | Webpage loading method and browser | |
| CN102981848B (en) | Webpage main body element process browser and method | |
| CN103092941A (en) | Method and device showing content on electronic equipment | |
| CN102981844B (en) | The browser that webpage main body element is processed and method | |
| CN104346464A (en) | Processing method and device of webpage element information and browser client | |
| CN104462571A (en) | Webpage loading method and device and browser client-side | |
| CN104468774A (en) | Data presentation method applied to could disk client side and could disk client side | |
| CN104469528A (en) | Method and device for loading video data and browser client side | |
| CN103023972B (en) | A kind of method and apparatus that file is managed | |
| CN104463642A (en) | Advertisement filtering processing method and device and browser client side | |
| CN104951556A (en) | Method and device for generating prompt message in search result page | |
| CN102624910B (en) | Method, the Apparatus and system of the web page contents that process user chooses | |
| CN105630310A (en) | Method and device for displaying titles during graph group switching | |
| US9053184B2 (en) | On-demand generation of correlated collections of mashable data from distributed, non-homogeneous data sources | |
| CN106354792B (en) | Webpage display method and device | |
| CN104468769A (en) | Method, device and system for acquiring network data content and client side | |
| CN103685498A (en) | Wallpaper loading method and browser device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| ASS | Succession or assignment of patent right |
Free format text: FORMER OWNER: QIZHI SOFTWARE (BEIJING) CO., LTD. Effective date: 20150701 Owner name: BEIJING QILI SOFTWARE TECHNOLOGY CO., LTD. Free format text: FORMER OWNER: BEIJING QIHU TECHNOLOGY CO., LTD. Effective date: 20150701 |
|
| C41 | Transfer of patent application or patent right or utility model | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20150701 Address after: 100028 Beijing city Chaoyang District P.R.China 16 Building 2 layer 1-6 layer 16-1 room 212 Applicant after: BEIJING QILI SOFTWARE TECHNOLOGY CO., LTD. Address before: 100088 Beijing city Xicheng District xinjiekouwai Street 28, block D room 112 (Desheng Park) Applicant before: Beijing Qihu Technology Co., Ltd. Applicant before: Qizhi Software (Beijing) Co., Ltd. |
|
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |