讓W(xué)ebKit支持URLProtocol攔截實現(xiàn)WebP省流量方案《WKWebView不再從入門到放棄》

WKWebView的各種好處兢卵,有不少開發(fā)者都按捺不住騷動的心王滤,開始操刀在項目里將UIWebView替換成WKWebView曲饱,然后就出現(xiàn)了《WKWebView從入門到放棄》其中WKWebView不支持NSURLProtocol就讓不少開發(fā)者望而卻步驻谆。這樣一樣象对,可能會導(dǎo)致原來UIWebView的省流量方案不生效危虱。直到前幾天,我看到了大神的這篇文章WKWebView 不支持 NSURLProtocol 嗎贸诚。大神從底層分析了龄减,WKWebView不走NSURLProtocol的原因宠能,最后得出的結(jié)論是WebKit是支持NSURLProtocol的,只是WebKit還不夠完成,另外一點是調(diào)用了私有API很可能被拒,也只支持iOS8.4+。

WKWebView的特性:

  • WKWebView的性能想必不用多說了 在性能声离、穩(wěn)定性、功能方面有很大提升窿祥,直觀體現(xiàn)是內(nèi)存占用變少贝奇;
  • 允許JavaScript的Nitro庫加載并使用(UIWebView中限制);
  • 支持了更多的HTML5特性响谓;
  • 高達60fps的滾動刷新率以及內(nèi)置手勢律适;
  • 將UIWebViewDelegate與UIWebView重構(gòu)成了14類與3個協(xié)議;

NSURLProtocol工作原理

NSURLProtocol可以攔截監(jiān)聽每一個URL Loading System中發(fā)出request請求吁系,記住是URL Loading System中那些類發(fā)出的請求敬锐,也支持AFNetwoking,UIWebView發(fā)出的request辕近。如果不是這些類發(fā)出的請求变丧,NSURLProtocol就沒辦法攔截和監(jiān)聽了。

攔截代碼

調(diào)用該代碼則表示攔截成功萧芙,會將網(wǎng)頁中圖片地址轉(zhuǎn)化成WebP格式,并由SDWebImageDownloader下載并緩存宅静。

- (void)startLoading {
    NSMutableURLRequest *mutableReqeust = [[self request] mutableCopy];
    //標(biāo)示改request已經(jīng)處理過了逃糟,防止無限循環(huán)
    [NSURLProtocol setProperty:@YES forKey:URLProtocolHandledKey inRequest:mutableReqeust];
    NSString *URLString = [self.request.URL absoluteString];
    NSURL *imageURL;
    
    // 重定義請求地址
    if ([URLString rangeOfString:@"format"].location == NSNotFound) {
        imageURL = [WKWebImageHelper webImageStringToURL:URLString];
    }
    else {
        self.connection = [NSURLConnection connectionWithRequest:mutableReqeust delegate:self];
        return;
    }
    
    #warning - 敲黑板 畫重點了
    [[SDWebImageDownloader sharedDownloader] downloadImageWithURL:imageURL
                                                          options:0
                                                         progress:nil
                                                        completed:^(UIImage * _Nullable image, NSData * _Nullable data, NSError * _Nullable error, BOOL finished) {
                                                            // 是否以png結(jié)尾
                                                            if ([imageURL.absoluteString.lowercaseString hasSuffix:@".png"]) {
                                                                data = UIImagePNGRepresentation(image);
                                                            } else {
                                                                data = UIImageJPEGRepresentation(image, 1);
                                                            }
                                                            if (!self.client) {
                                                                return ;
                                                            }
                                                            [self.client URLProtocol:self didLoadData:data];
                                                            [self.client URLProtocolDidFinishLoading:self];
                                                        }];
}

具體的代碼大家可以去我的github下載。下載地址在↓织阳。

Demo截圖

Simulator Screen Shot 2017年3月22日 下午5.22.58.png

Demo

推薦文章

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末嘴秸,一起剝皮案震驚了整個濱河市饭耳,隨后出現(xiàn)的幾起案子新蟆,更是在濱河造成了極大的恐慌吮螺,老刑警劉巖梨与,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件呻粹,死亡現(xiàn)場離奇詭異壕曼,居然都是意外死亡,警方通過查閱死者的電腦和手機等浊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進店門腮郊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人筹燕,你說我怎么就攤上這事轧飞。” “怎么了撒踪?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵过咬,是天一觀的道長。 經(jīng)常有香客問我制妄,道長掸绞,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任耕捞,我火速辦了婚禮衔掸,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘砸脊。我一直安慰自己具篇,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布凌埂。 她就那樣靜靜地躺著驱显,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上埃疫,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天伏恐,我揣著相機與錄音,去河邊找鬼栓霜。 笑死翠桦,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的胳蛮。 我是一名探鬼主播销凑,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼仅炊!你這毒婦竟也來了斗幼?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤抚垄,失蹤者是張志新(化名)和其女友劉穎蜕窿,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體呆馁,經(jīng)...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡桐经,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了浙滤。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片阴挣。...
    茶點故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖纺腊,靈堂內(nèi)的尸體忽然破棺而出屯吊,到底是詐尸還是另有隱情,我是刑警寧澤摹菠,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站骗爆,受9級特大地震影響次氨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜摘投,卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一煮寡、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧犀呼,春花似錦幸撕、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春貌矿,著一層夾襖步出監(jiān)牢的瞬間炭菌,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工逛漫, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留黑低,地道東北人。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓酌毡,卻偏偏與公主長得像克握,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子枷踏,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,514評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 通過學(xué)習(xí)菩暗,你將會學(xué)習(xí)以下幾個方面的內(nèi)容: **什么是WKWebView以及它和UIWebView的區(qū)別是什么 **...
    SOI閱讀 11,614評論 18 42
  • 前言 關(guān)于UIWebView的介紹,相信看過上文的小伙伴們呕寝,已經(jīng)大概清楚了吧勋眯,如果有問題,歡迎提問下梢。 本文是本系列...
    CoderLF閱讀 8,953評論 2 12
  • UIWebView 之痛 開發(fā)App的過程中客蹋,常常會遇到在App內(nèi)部加載網(wǎng)頁,通常用UIWebView加載孽江。而這個...
    zyl04401閱讀 16,022評論 46 157
  • 轉(zhuǎn)載:http://www.cnblogs.com/NSong/p/6489802.html 導(dǎo)語 WKWebVi...
    李小威閱讀 4,852評論 8 9
  • WKWebView 是蘋果在 WWDC 2014 上推出的新一代 webView 組件讶坯,用以替代 UIKit 中笨...
    Aiana閱讀 4,569評論 1 8