移動(dòng)設(shè)備加載網(wǎng)絡(luò)圖片資源的優(yōu)化方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明公開(kāi)移動(dòng)設(shè)備加載網(wǎng)絡(luò)圖片資源的優(yōu)化方法，屬于網(wǎng)絡(luò)資源優(yōu)化技術(shù)領(lǐng)域。
【背景技術(shù)】
[0002]在互聯(lián)網(wǎng)時(shí)代，用戶對(duì)手機(jī)的體驗(yàn)要求遠(yuǎn)遠(yuǎn)高于PC的桌面應(yīng)用程序。特別是互聯(lián)網(wǎng)內(nèi)容是豐富多彩的，移動(dòng)設(shè)備的操作系統(tǒng)均已支持加載常見(jiàn)格式的圖片，隨著應(yīng)用對(duì)網(wǎng)絡(luò)依賴程度的加強(qiáng)，操作系統(tǒng)也已支持從網(wǎng)絡(luò)直接讀取圖片，但圖片的加載速度不宜過(guò)慢，而隨著如今終端屏幕分辨率的增加，用戶對(duì)移動(dòng)終端的圖片質(zhì)量也有了更高的要求，而且一些圖文并茂的網(wǎng)站也想在移動(dòng)客戶端實(shí)現(xiàn)非常流暢完美的體驗(yàn)效果，但是目前很多移動(dòng)設(shè)備程序，在處理展示網(wǎng)絡(luò)內(nèi)容時(shí)，往往是使用URL直接加載顯示，這樣容易造成以下問(wèn)題:內(nèi)容加載緩慢；互聯(lián)網(wǎng)內(nèi)容無(wú)法緩存，導(dǎo)致流量大量流失；用戶體驗(yàn)差。為了解決上述問(wèn)題，本發(fā)明提供移動(dòng)設(shè)備加載網(wǎng)絡(luò)圖片資源的優(yōu)化方法，對(duì)網(wǎng)頁(yè)源碼進(jìn)行優(yōu)化處理，可以進(jìn)行本地緩存，下次進(jìn)入這篇文章可以直接從緩存讀取，提高響應(yīng)速度并且節(jié)省用戶流量?？梢詫?shí)現(xiàn)點(diǎn)擊圖片放大、保存圖片到相冊(cè)等操作，使互聯(lián)網(wǎng)內(nèi)容更快速、美觀的反映在移動(dòng)設(shè)備上。
[0003]JS框架，JavaScript, 一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語(yǔ)言，最早是在HTML網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。
[0004]Native端指Native App是一種基于智能手機(jī)本地操作系統(tǒng)如1S、Android、WP并使用原生程式編寫(xiě)運(yùn)行的第三方應(yīng)用程序，也叫本地app。Native App因?yàn)槲挥谄脚_(tái)層上方，向下訪問(wèn)和兼容的能力好，支持在線或離線，消息推送或本地資源訪問(wèn)，攝像撥號(hào)功能的調(diào)取。其實(shí)也就是我們現(xiàn)在使用的基于本地運(yùn)行的APP。

【發(fā)明內(nèi)容】

[0005]本發(fā)明針對(duì)現(xiàn)有技術(shù)中移動(dòng)設(shè)備程序，在處理展示網(wǎng)絡(luò)內(nèi)容時(shí)，往往是使用URL直接加載顯示，這樣容易造成問(wèn)題，提供移動(dòng)設(shè)備加載網(wǎng)絡(luò)圖片資源的優(yōu)化方法，對(duì)網(wǎng)頁(yè)源碼進(jìn)行優(yōu)化處理，可以進(jìn)行本地緩存，下次可以直接從緩存讀取，提高響應(yīng)速度并且節(jié)省用戶流量。使互聯(lián)網(wǎng)內(nèi)容更快速、美觀的反映在移動(dòng)設(shè)備上。
[0006]本發(fā)明提出的具體方案是:
移動(dòng)設(shè)備加載網(wǎng)絡(luò)圖片資源的優(yōu)化方法:
移動(dòng)設(shè)備中，禁用HTML文本中的圖片加載，在Native端下載的圖片并返回JS端，進(jìn)行網(wǎng)頁(yè)中顯示；具體步驟為:
Native端進(jìn)行初始化，同時(shí)JS端對(duì)互聯(lián)網(wǎng)請(qǐng)求的初始化；
Native端禁止HTML中的圖片加載；
Native端下載HTML中的圖片內(nèi)容； Native端把cache中的圖片地址返回給HTML文本并進(jìn)行顯示。
[0007]Native端在初始化中包含了一個(gè)用于接收J(rèn)S的回調(diào)，JS端在初始化中向Native端返回信息。
[0008]Native端替換獲取的HTML文本中默認(rèn)的src，禁用HTML文本中的圖片加載。
[0009]JS端在onLoadedO函數(shù)中遍歷所有img標(biāo)簽的esrc，并進(jìn)行保存，保存為一個(gè)數(shù)組返回給0C端，并將有img標(biāo)簽結(jié)果返回給Native端，讓Native端下載HTML文本中img標(biāo)簽中的圖片。
[0010]Native端下載圖片并把cache中的圖片地址返回給HTML文本中img的src，并顯示圖片內(nèi)容。
[0011]本發(fā)明的有益之處是:
本發(fā)明提供移動(dòng)設(shè)備加載網(wǎng)絡(luò)圖片資源的優(yōu)化方法，在移動(dòng)設(shè)備中，禁用HTML文本中的圖片加載，在Native端下載的圖片并返回JS端，進(jìn)行網(wǎng)頁(yè)中顯示，對(duì)網(wǎng)頁(yè)源碼進(jìn)行優(yōu)化處理，可以進(jìn)行本地緩存，下次可以直接從緩存讀取，提高響應(yīng)速度并且節(jié)省用戶流量。使互聯(lián)網(wǎng)內(nèi)容更快速、美觀的反映在移動(dòng)設(shè)備上；解決了移動(dòng)設(shè)備程序，在處理展示網(wǎng)絡(luò)內(nèi)容時(shí)，往往是使用URL直接加載顯示，這樣容易造成問(wèn)題的難題。
【附圖說(shuō)明】
[0012]圖1本發(fā)明方法流程示意圖。
【具體實(shí)施方式】
[0013]移動(dòng)設(shè)備加載網(wǎng)絡(luò)圖片資源的優(yōu)化方法:
移動(dòng)設(shè)備中，禁用HTML文本中的圖片加載，在Native端下載的圖片并返回JS端，進(jìn)行網(wǎng)頁(yè)中顯示；具體步驟為:
Native端進(jìn)行初始化，同時(shí)JS端對(duì)互聯(lián)網(wǎng)請(qǐng)求的初始化；
Native端禁止HTML中的圖片加載；
Native端下載HTML中的圖片內(nèi)容；
Native端把cache中的圖片地址返回給HTML文本并進(jìn)行顯示。
[0014]Native端在初始化中包含了一個(gè)用于接收J(rèn)S的回調(diào)，JS端在初始化中向Native端返回信息。
[0015]Native端替換獲取的HTML文本中默認(rèn)的src，禁用HTML文本中的圖片加載。
[0016]JS端在onLoadedO函數(shù)中遍歷所有img標(biāo)簽的esrc，并進(jìn)行保存，保存為一個(gè)數(shù)組返回給0C端，并將有img標(biāo)簽結(jié)果返回給Native端，讓Native端下載HTML文本中img標(biāo)簽中的圖片。
[0017]Native端下載圖片并把cache中的圖片地址返回給HTML文本中img的src，并顯示圖片內(nèi)容。
[0018]根據(jù)上述方法，結(jié)合附圖對(duì)本發(fā)明進(jìn)行進(jìn)一步說(shuō)明。
[0019]在移動(dòng)設(shè)備中，禁用HTML文本中的圖片加載，在Native端下載的圖片并返回JS端，進(jìn)行網(wǎng)頁(yè)中顯示；具體步驟為:
Native端進(jìn)行初始化，同時(shí)JS端對(duì)互聯(lián)網(wǎng)請(qǐng)求的初始化； Native端替換獲取的HTML文本中默認(rèn)的src，達(dá)到禁用HTML文本中的圖片加載的目的；
同時(shí)JS端在onLoadedO函數(shù)中遍歷所有img標(biāo)簽的esrc，并進(jìn)行保存，保存為一個(gè)數(shù)組返回給0C端，并將有img標(biāo)簽結(jié)果返回給Native端，讓Native端下載HTML文本中img標(biāo)簽中的圖片；
Native端下載圖片并把cache中的圖片地址返回給HTML文本中img的src，并顯示圖片內(nèi)容。
[0020]根據(jù)上述本
【發(fā)明內(nèi)容】
在移動(dòng)設(shè)備中，禁用HTML文本中的圖片加載，在Native端下載的圖片并返回JS端，進(jìn)行網(wǎng)頁(yè)中顯示，對(duì)網(wǎng)頁(yè)源碼進(jìn)行優(yōu)化處理，可以進(jìn)行本地緩存，下次可以直接從緩存讀取，提高響應(yīng)速度并且節(jié)省用戶流量。使互聯(lián)網(wǎng)內(nèi)容更快速、美觀的反映在移動(dòng)設(shè)備上。
【主權(quán)項(xiàng)】
1.移動(dòng)設(shè)備加載網(wǎng)絡(luò)圖片資源的優(yōu)化方法，其特征在于 移動(dòng)設(shè)備中，禁用HTML文本中的圖片加載，在Native端下載的圖片并返回JS端，進(jìn)行網(wǎng)頁(yè)中顯示；具體步驟為: Native端進(jìn)行初始化，同時(shí)JS端對(duì)互聯(lián)網(wǎng)請(qǐng)求的初始化； Native端禁止HTML中的圖片加載； Native端下載HTML中的圖片內(nèi)容； Native端把cache中的圖片地址返回給HTML文本并進(jìn)行顯示。2.根據(jù)權(quán)利要求1所述的方法，其特征在于Native端在初始化中包含了一個(gè)用于接收J(rèn)S的回調(diào)，JS端在初始化中向Native端返回信息。3.根據(jù)權(quán)利要求1或2所述的方法，其特征在于Native端替換獲取的HTML文本中默認(rèn)的src，禁用HTML文本中的圖片加載。4.根據(jù)權(quán)利要求3所述的方法，其特征在于JS端在onLoadedO函數(shù)中遍歷所有img標(biāo)簽的esrc，并進(jìn)行保存，保存為一個(gè)數(shù)組返回給0C端，并將有img標(biāo)簽結(jié)果返回給Native端，讓Native端下載HTML文本中img標(biāo)簽中的圖片。5.根據(jù)權(quán)利要求1或4所述的方法，其特征在于Native端下載圖片并把cache中的圖片地址返回給HTML文本中img的src，并顯示圖片內(nèi)容。
【專利摘要】本發(fā)明公開(kāi)移動(dòng)設(shè)備加載網(wǎng)絡(luò)圖片資源的優(yōu)化方法，屬于網(wǎng)絡(luò)資源優(yōu)化技術(shù)領(lǐng)域；本發(fā)明提供移動(dòng)設(shè)備加載網(wǎng)絡(luò)圖片資源的優(yōu)化方法，在移動(dòng)設(shè)備中，禁用HTML文本中的圖片加載，在Native端下載的圖片并返回JS端，進(jìn)行網(wǎng)頁(yè)中顯示，對(duì)網(wǎng)頁(yè)源碼進(jìn)行優(yōu)化處理，可以進(jìn)行本地緩存，下次可以直接從緩存讀取，提高響應(yīng)速度并且節(jié)省用戶流量。使互聯(lián)網(wǎng)內(nèi)容更快速、美觀的反映在移動(dòng)設(shè)備上。
【IPC分類】G06F17/30
【公開(kāi)號(hào)】CN105373589
【申請(qǐng)?zhí)枴緾N201510668997
【發(fā)明人】趙志強(qiáng), 張安舉, 左少標(biāo)
【申請(qǐng)人】浪潮軟件集團(tuán)有限公司
【公開(kāi)日】2016年3月2日
【申請(qǐng)日】2015年10月13日