CN103942199A - Method and device for obtaining picture information on webpages and terminal - Google Patents
Method and device for obtaining picture information on webpages and terminal Download PDFInfo
- Publication number
- CN103942199A CN103942199A CN201310018628.XA CN201310018628A CN103942199A CN 103942199 A CN103942199 A CN 103942199A CN 201310018628 A CN201310018628 A CN 201310018628A CN 103942199 A CN103942199 A CN 103942199A
- Authority
- CN
- China
- Prior art keywords
- pictorial information
- browser
- local storage
- text message
- web page
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Abstract
The invention discloses a method and device for obtaining picture information on webpages and a terminal. The method includes the first step of downloading information of pictures to be displayed on the webpages and storing the information of the pictures to be displayed into a local storage area of the browser, and the second step of reading the information of the pictures to be displayed in the local storage area of the browser when the pictures to be displayed on the webpages need to be displayed. Through the application of the method and device for obtaining the picture information on the webpages and the terminal, network traffic can be saved, and the loading speed of the webpages can be increased.
Description
Technical field
The application relates to communication technical field, relates in particular to a kind of method, device and terminal of obtaining the pictorial information in webpage.
Background technology
Along with the development of development of Mobile Internet technology, many mobile devices can be browsed online webpage by accessing Internet, but also can pass through the online picture of web displaying.
At present, mobile device is identical to the information getting method that only comprises the webpage of text message and not only comprised text message but also be included in the webpage of line pictorial information, in the time that webpage comprises online picture, the method that mobile device obtains info web is: mobile device is in the text message from webserver downloading web pages, also need the pictorial information of downloading web pages, and load identical webpage at every turn, all want text message and the pictorial information of this webpage of repeated downloads.
Visible, mobile device is in the time obtaining info web at present, for only comprising the webpage of text message and not only having comprised text message but also be included in the webpage of line pictorial information, adopt identical info web acquisition methods, the all information that all comprise from webserver downloading web pages while being each Web page loading, comprise text message and pictorial information, but, due to the restriction of network traffics and network speed in current mobile communications network, at present this method of obtaining info web by cause comprising pictorial information in loading webpage time, the a large amount of network traffics of mobile device are occupied, and webpage loading velocity is also slower.
Summary of the invention
The application provides a kind of method, device and terminal of obtaining the pictorial information in webpage, can saving network flow, and accelerate webpage loading velocity.
A method of obtaining the pictorial information in webpage, the method comprises:
The pictorial information to be shown of downloading web pages, is stored in described pictorial information to be shown in the local storage of browser;
In the time of the picture to be shown needing in display web page, in the local storage of described browser, read pictorial information to be shown.
Obtain a device for the pictorial information in webpage, this device comprises download module, memory module and read module;
Described download module, for the pictorial information to be shown of downloading web pages;
Described memory module, for being stored in described pictorial information to be shown in the local storage of browser;
Described read module in the time needing the picture to be shown of display web page, reads pictorial information to be shown in the local storage of described browser.
A kind of terminal, this terminal comprises the device that obtains the pictorial information in webpage of the present invention.
As seen from the above technical solution, the present invention is for the webpage that is included in line pictorial information, adopt the another kind of info web acquisition methods different from the information getting method of webpage that only comprises text message, while being not each Web page loading, all downloading web pages comprises that text message and pictorial information are in interior all information, but carry out independent processing for the pictorial information to be shown in webpage, , the pictorial information to be shown of downloading web pages, and described pictorial information to be shown is stored in the local storage of browser, in the time of the picture to be shown needing in display web page, in the local storage of described browser, read pictorial information to be shown.
Visible, the present invention is by carrying out above-mentioned independent processing to the pictorial information to be shown in webpage, make to comprise pictorial information in loading webpage time, do not need each pictorial information to be shown of all downloading wherein that loads, thereby network traffics are saved, and, owing to reading pictorial information to be shown in the local storage of browser, therefore also accelerated the loading velocity of webpage.
Brief description of the drawings
Fig. 1 is the method flow diagram that obtains the pictorial information in webpage provided by the invention.
Fig. 2 is the process flow diagram in the local storage that pictorial information to be shown is stored in to browser provided by the invention.
Fig. 3 is the process flow diagram that obtains pictorial information to be shown in the application scenarios play Online Video file by webpage provided by the invention.
Fig. 4 is the structure drawing of device that obtains the pictorial information in webpage provided by the invention.
Embodiment
Fig. 1 is the method flow diagram that obtains the pictorial information in webpage provided by the invention.
As shown in Figure 1, the method comprises:
Step 101, the pictorial information to be shown of downloading web pages.
Step 102, is stored in described pictorial information to be shown in the local storage of browser.
Step 103 in the time of the picture to be shown needing in display web page, reads pictorial information to be shown in the local storage of described browser.
In local storage due to current browser, can only store text message, therefore, by the analysis of the browser feature to current and webpage characteristic, the present invention proposes, and can the pictorial information to be shown of downloading be stored in the local storage of browser by Fig. 2 method.
Fig. 2 is the process flow diagram in the local storage that pictorial information to be shown is stored in to browser provided by the invention.
As shown in Figure 2, this flow process comprises:
Step 201 creates the label of supported web page animation in the webpage at pictorial information to be shown place.
Based on current webpage characteristic, the label of described supported web page animation can be canvas label.
Step 202, is stored in the pictorial information to be shown of downloading in the container that the label of described supported web page animation is corresponding.
Step 203, is converted to text message by the pictorial information to be shown in described container.
In this step, can pictorial information to be shown be converted to text message by the standard interface of described container.
In addition, owing to also needing pictorial information to be shown to be shown as picture in the future, in other words, need to will be converted to picture format with the pictorial information to be shown of text message form storage, therefore the concrete form of described text message can be base64 string format.
Step 204, writes described text message in the local storage that incoming interface is stored in described browser by the local storage of browser.
Wherein, the local storage of described browser can comprise localStorage memory block and/or sessionStorage memory block.
After pictorial information to be shown being stored in by method shown in Fig. 2 in the local storage of browser, in the time that needs show described pictorial information to be shown, in this locality storage of browser, read the pictorial information to be shown existing with text message form, and the pictorial information to be shown of text message form is converted to picture format, thereby show corresponding picture.
Based on the above-mentioned method of obtaining the pictorial information in webpage, when need in display web page picture to be shown time, can first judge the pictorial information to be shown that whether exists current needs to show in the local storage of browser, if, directly in the local storage of browser, read pictorial information to be shown, otherwise, the pictorial information to be shown of first downloading web pages, described pictorial information to be shown is stored in the local storage of browser, then in the local storage of browser, reads pictorial information to be shown.
Especially, the application also provides a kind of scene that is particularly suited for adopting the pictorial information acquisition methods that the application provides, and is given in the idiographic flow of applying the pictorial information acquisition methods that the application provides in this scene.
Current mobile terminal is except can be by the online picture of web page browsing, can also play Online Video file by webpage, and, conventionally the buffer stage before playing video file and the buffer stage in video file playing process, mobile device can obtain corresponding picture and show according to default pictorial information, concrete grammar is: mobile device, in webserver downloading video files, is also downloaded pictorial information to be shown from the webserver.
Visible, due to needs downloading video files and pictorial information to be shown simultaneously, therefore not only affect the loading velocity of picture, and affected the loading velocity of video file at present.
For the application scenarios of playing Online Video file by webpage, the application provides the detailed process of the pictorial information acquisition methods in the webpage of applying the application, specifically please participate in Fig. 3.
Fig. 3 is the process flow diagram that obtains pictorial information to be shown in the application scenarios play Online Video file by webpage provided by the invention.
As shown in Figure 3, this flow process comprises:
Step 301, receives the order of video file in buffering webpage.
Step 302, judges in the local storage of browser whether have current pictorial information to be shown, if so, and execution step 305, otherwise, execution step 303.
Step 303, downloads current pictorial information to be shown.
Step 304, is stored in described pictorial information to be shown in the local storage of browser.
Step 305 reads current pictorial information to be shown in the local storage of browser.
The said method providing according to the application, the application also provides a kind of device that obtains info web, specifically please participate in Fig. 4.
Fig. 4 is the structure drawing of device that obtains the pictorial information in webpage provided by the invention.
As shown in Figure 4, this device comprises download module 401, memory module 402 and read module 403.
Download module 401, for the pictorial information to be shown of downloading web pages.
Memory module 402, for being stored in described pictorial information to be shown in the local storage of browser.
Read module 403 in the time needing the picture to be shown of display web page, reads pictorial information to be shown in the local storage of described browser.
Memory module 402, for create the label of supported web page animation at described webpage, the pictorial information to be shown of downloading is stored in the container that the label of described supported web page animation is corresponding, pictorial information to be shown in described container is converted to text message, described text message is write in the local storage that incoming interface is stored in described browser by the local storage of browser.
This device can also comprise modular converter.
Described modular converter, for being converted to picture format by described read module from the pictorial information to be shown with the storage of text message form reading in the local storage of described browser.
Wherein, the label of described supported web page animation comprises canvas label, and/or described text message comprises the text message of base64 string format.
This device can also comprise judge module.
Described judge module, in the time needing the picture to be shown of display web page, judges in the local storage of browser whether have current pictorial information to be shown, if so, starts described read module 403, otherwise, start described download module 401.In other words, in the time of the picture to be shown needing in display web page, start in the local storage that described judge module judges browser and whether have current pictorial information to be shown, if, start read module 403 and read current pictorial information to be shown in the local storage of browser, if not, start download module 401 and download current pictorial information to be shown, then the pictorial information to be shown of by memory module 402, download module 401 being downloaded is stored in the local storage of browser, in the local storage of browser, read current pictorial information to be shown by read module 403 again.
This device can also comprise video playback module.
Described video playback module, for after receiving the order of buffering webpage video file, starts described judge module.
The present invention also provides a kind of terminal, and this terminal comprises the device that obtains the pictorial information in webpage of the present invention.Described terminal can be the mobile terminals such as mobile phone, panel computer, video playback apparatus.
Visible, by the present invention, the pictorial information to be shown in webpage can be stored in the local storage of browser, while making at every turn Web page loading, all download pictorial information to be shown, save network traffics, accelerate webpage loading velocity.Particularly when adopt technical scheme provided by the invention in the time that network condition is better, can realize very fast at the network speed of mobile device or use WIFI wireless network in, without user intervention in the situation that, just can be by picture-storage the local storage at user browser, when needing to Show Picture later, can from local storage, read picture and show, reading picture without accesses network again, both save network traffics, also greatly accelerated the display speed of picture.
The foregoing is only preferred embodiment of the present invention, in order to limit the present invention, within the spirit and principles in the present invention not all, any amendment of making, be equal to replacement, improvement etc., within all should being included in the scope of protection of the invention.
Claims (13)
1. a method of obtaining the pictorial information in webpage, is characterized in that, the method comprises:
The pictorial information to be shown of downloading web pages, is stored in described pictorial information to be shown in the local storage of browser;
In the time of the picture to be shown needing in display web page, in the local storage of described browser, read pictorial information to be shown.
2. method according to claim 1, is characterized in that, described in be stored in the local storage of browser and comprise:
In described webpage, create the label of supported web page animation, the pictorial information to be shown of downloading is stored in the container that the label of described supported web page animation is corresponding, pictorial information to be shown in described container is converted to text message, described text message is write in the local storage that incoming interface is stored in described browser by the local storage of browser.
3. method according to claim 2, is characterized in that, also comprises after reading pictorial information to be shown in the local storage of described browser:
The pictorial information to be shown with the storage of text message form reading in local storage from described browser is converted to picture format.
4. according to the method in claim 2 or 3, it is characterized in that, the label of described supported web page animation comprises canvas label, and/or described text message comprises the text message of base64 string format.
5. method according to claim 1, is characterized in that, the method also comprises:
In the time of the picture to be shown needing in display web page, judge in the local storage of browser and whether have current pictorial information to be shown, if, enter the step from reading pictorial information to be shown in the local storage of described browser, otherwise, the step that enters the pictorial information to be shown of downloading web pages.
6. method according to claim 5, is characterized in that, after receiving the order of video file in buffering webpage, carries out the step that whether has current pictorial information to be shown in the described local storage that judges browser.
7. a device that obtains the pictorial information in webpage, is characterized in that, this device comprises download module, memory module and read module;
Described download module, for the pictorial information to be shown of downloading web pages;
Described memory module, for being stored in described pictorial information to be shown in the local storage of browser;
Described read module in the time needing the picture to be shown of display web page, reads pictorial information to be shown in the local storage of described browser.
8. device according to claim 7, is characterized in that,
Described memory module, for create the label of supported web page animation at described webpage, the pictorial information to be shown of downloading is stored in the container that the label of described supported web page animation is corresponding, pictorial information to be shown in described container is converted to text message, described text message is write in the local storage that incoming interface is stored in described browser by the local storage of browser.
9. device according to claim 8, is characterized in that, this device also comprises modular converter;
Described modular converter, for being converted to picture format by described read module from the pictorial information to be shown with the storage of text message form reading in the local storage of described browser.
10. device according to claim 8 or claim 9, is characterized in that, the label of described supported web page animation comprises canvas label, and/or described text message comprises the text message of base64 string format.
11. devices according to claim 7, is characterized in that, this device also comprises judge module;
Described judge module, in the time needing the picture to be shown of display web page, judges in the local storage of browser whether have current pictorial information to be shown, if so, starts described read module, otherwise, start described download module.
12. devices according to claim 11, is characterized in that, this device also comprises video playback module;
Described video playback module, for after receiving the order of buffering webpage video file, starts described judge module.
13. 1 kinds of terminals, is characterized in that, this terminal comprises the device as described in claim 7 to 12 any one.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310018628.XA CN103942199A (en) | 2013-01-18 | 2013-01-18 | Method and device for obtaining picture information on webpages and terminal |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310018628.XA CN103942199A (en) | 2013-01-18 | 2013-01-18 | Method and device for obtaining picture information on webpages and terminal |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103942199A true CN103942199A (en) | 2014-07-23 |
Family
ID=51189869
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310018628.XA Pending CN103942199A (en) | 2013-01-18 | 2013-01-18 | Method and device for obtaining picture information on webpages and terminal |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103942199A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105307030A (en) * | 2015-09-30 | 2016-02-03 | 广州酷狗计算机科技有限公司 | Barrage displaying method and device |
| CN105930342A (en) * | 2016-04-01 | 2016-09-07 | 乐视控股（北京）有限公司 | Image file storage method, apparatus and mobile terminal |
| CN109324858A (en) * | 2018-09-20 | 2019-02-12 | 郑州云海信息技术有限公司 | The acquisition methods and device of content are shown in webpage |
| CN110647695A (en) * | 2019-08-12 | 2020-01-03 | 深圳点猫科技有限公司 | Method and device for converting webpage data into picture attachment |
| CN113032355A (en) * | 2021-04-06 | 2021-06-25 | 上海英方软件股份有限公司 | Method and device for collecting logs in batches by Web application |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6363418B1 (en) * | 1998-10-16 | 2002-03-26 | Softbook Press, Inc. | On-line image caching control for efficient image display |
| CN101465953A (en) * | 2009-01-15 | 2009-06-24 | 深圳市茁壮网络技术有限公司 | Method for displaying picture and system for browsing digital television picture as well as television set-top box |
| CN102789470A (en) * | 2011-05-20 | 2012-11-21 | 腾讯科技（深圳）有限公司 | Method and device for uploading pictures in webpage |
| CN102841896A (en) * | 2011-06-22 | 2012-12-26 | 腾讯科技（深圳）有限公司 | Mobile terminal picture and text information displaying method and system and mobile terminal |
| CN102866886A (en) * | 2012-09-04 | 2013-01-09 | 北京航空航天大学 | Web-based visual algorithm animation development system |
-
2013
- 2013-01-18 CN CN201310018628.XA patent/CN103942199A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6363418B1 (en) * | 1998-10-16 | 2002-03-26 | Softbook Press, Inc. | On-line image caching control for efficient image display |
| CN101465953A (en) * | 2009-01-15 | 2009-06-24 | 深圳市茁壮网络技术有限公司 | Method for displaying picture and system for browsing digital television picture as well as television set-top box |
| CN102789470A (en) * | 2011-05-20 | 2012-11-21 | 腾讯科技（深圳）有限公司 | Method and device for uploading pictures in webpage |
| CN102841896A (en) * | 2011-06-22 | 2012-12-26 | 腾讯科技（深圳）有限公司 | Mobile terminal picture and text information displaying method and system and mobile terminal |
| CN102866886A (en) * | 2012-09-04 | 2013-01-09 | 北京航空航天大学 | Web-based visual algorithm animation development system |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105307030A (en) * | 2015-09-30 | 2016-02-03 | 广州酷狗计算机科技有限公司 | Barrage displaying method and device |
| CN105307030B (en) * | 2015-09-30 | 2018-07-17 | 广州酷狗计算机科技有限公司 | Barrage display methods and device |
| CN105930342A (en) * | 2016-04-01 | 2016-09-07 | 乐视控股（北京）有限公司 | Image file storage method, apparatus and mobile terminal |
| CN109324858A (en) * | 2018-09-20 | 2019-02-12 | 郑州云海信息技术有限公司 | The acquisition methods and device of content are shown in webpage |
| CN110647695A (en) * | 2019-08-12 | 2020-01-03 | 深圳点猫科技有限公司 | Method and device for converting webpage data into picture attachment |
| CN113032355A (en) * | 2021-04-06 | 2021-06-25 | 上海英方软件股份有限公司 | Method and device for collecting logs in batches by Web application |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109358936B (en) | Information processing method, device, storage medium, electronic device and system | |
| CN103425491B (en) | A kind of game engine | |
| CN104965848B (en) | A kind of front end resource loading method and device | |
| CN109408136B (en) | Information processing method, information processing apparatus, storage medium, and electronic device | |
| CN103914205B (en) | A kind of file thumbnail methods of exhibiting of intelligent terminal and device | |
| US20210191993A1 (en) | Processing Method for Structured Data, Storage Medium and Electronic Device | |
| CN111143725A (en) | Page generation method and device and electronic equipment | |
| KR20140078676A (en) | Custom optimization of web pages | |
| CN103942199A (en) | Method and device for obtaining picture information on webpages and terminal | |
| CN111580879A (en) | Applet running method and device, electronic equipment and computer storage medium | |
| CN104820589B (en) | A kind of method and its device of dynamic adaptation webpage | |
| CN102541538A (en) | Picture displaying method and device based on mobile terminal | |
| CN107451162A (en) | Network resource accession equipment, mixing apparatus and method | |
| CN104519404A (en) | Graphics interchange format file playing method and device | |
| CN105630787A (en) | Animation implementation method and device based on dynamic portable network graphics | |
| CN104199728A (en) | Image transmission information displaying method and device | |
| CN109254801A (en) | Starting, configuration method, device, equipment, medium and operating system | |
| CN105808307B (en) | Page display method and device | |
| CN106658064A (en) | Virtual gift showing method and device | |
| CN104778172A (en) | Prefetching processing method and device of web information, and corresponding web browsing device | |
| CN104965692B (en) | The method and system of striding course display data in desktop application | |
| CN103699652A (en) | Webpage access method and webpage access system | |
| CN104731897A (en) | Method and device for achieving information displaying | |
| CN104572771A (en) | Method and device for displaying processing state | |
| US9754391B2 (en) | Webpage display method and apparatus |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20140723 |