WKWebview使用分享

1.背景

WKWebView是蘋果在iOS 8中引入的新組件坚俗,目的是給出一個新的高性能的WebView解決方案措译,擺脫過去 UIWebView的老娶眷、舊、笨重枉层,特別是內(nèi)存占用量巨大的問題泉褐,它使用Nitro JavaScript引擎,這意味著所有第三方瀏覽器運行JavaScript將會跟safari一樣快鸟蜡。

WKWebView對比UIWebView

1. WKWebView的內(nèi)存開銷要比UIWebView小很多

2. 擁有高達(dá)60FPS滾動刷新率及內(nèi)置手勢

3. 支持了更多的HTML5特性

4. html頁面和WKWebView交互更方便

5. Safari相同的JavaScript引擎

6. 提供常用的屬性膜赃,如加載網(wǎng)頁進度的屬性estimatedProgress

2.基本使用

2.1. 初始化

除了-init初始化方法之外,WebKit還提供了另外一個初始化方法:-initWithFrame:configuration: 揉忘,第二個參數(shù)configuration提供了豐富的可配置屬性或链,我們目前只用到了其中的WKPreferences骇扇,作用下面會說到

2.2. 加載請求

一共有4個加載api:

- (nullable WKNavigation *)loadRequest:(NSURLRequest *)request;

- (nullable WKNavigation *)loadFileURL:(NSURL *)URL allowingReadAccessToURL:(NSURL *)readAccessURL API_AVAILABLE(macosx(10.11), ios(9.0));

- (nullable WKNavigation *)loadHTMLString:(NSString *)string baseURL:(nullable NSURL *)baseURL;

- (nullable WKNavigation *)loadData:(NSData *)data MIMEType:(NSString *)MIMEType characterEncodingName:(NSString *)characterEncodingName baseURL:(NSURL *)baseURL API_AVAILABLE(macosx(10.11), ios(9.0));

我們項目中用到的是前2個api练般,第一個api主要是用來訪問iOS9及以上設(shè)備的網(wǎng)絡(luò)請求和iOS9以下的所有請求齿风,第二個api用于iOS9及以上設(shè)備的本地資源訪問。

2.3. 代理

WKWebview主要涉及到兩個delegate:

WKNavigationDelegate和WKUIDelegateWKNavigationDelegate一般涉及到頁面加載狀態(tài)的回調(diào):

// 頁面開始加載時調(diào)用

- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation;

// 當(dāng)內(nèi)容開始返回時調(diào)用

- (void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation;

// 頁面加載完成之后調(diào)用

- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation;

// 頁面加載失敗時調(diào)用

- (void)webView:(WKWebView *)webView didFailProvisionalNavigation:(WKNavigation *)navigation;

// 接收到服務(wù)器跳轉(zhuǎn)請求之后調(diào)用

- (void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(WKNavigation *)navigation;

// 在收到響應(yīng)后您朽,決定是否跳轉(zhuǎn)

- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler;

// 在發(fā)送請求之前狂丝,決定是否跳轉(zhuǎn)

- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler;

WKUIDelegate一般用于JS調(diào)用客戶端彈出框(警告框、確認(rèn)框哗总、輸入框)的時候進行相應(yīng)的自定義操作几颜,項目中沒有涉及到,就不多闡述讯屈。

2.4. 客戶端與JS交互(WKWebVIew調(diào)用js)

區(qū)別于UIWebView中的-stringByEvaluatingJavaScriptFromString:同步方法蛋哭,WKWebView中調(diào)用js的api為-evaluateJavaScript:completionHandler: ,completionHandler是異步回調(diào)的block

2.5. JS與客戶端交互

首先客戶端通過WKUserContentController類的-addScriptMessageHandler:name:方法添加響應(yīng)指定name方法的代理對象涮母,然后js通過以下方式調(diào)用oc方法:window.webkit.messageHandlers..postMessage()谆趾,js發(fā)起后,代理方法-userContentController:didReceiveScriptMessage:被調(diào)用叛本。另:addScriptMessageHandler之后要記得removeScriptMessageHandlerForName沪蓬。

3.遇到的問題:

3.1. 與UIWebview的webView:shouldStartLoadWithRequest:navigationType:代理相對應(yīng)的代理方法是webView:decidePolicyForNavigationAction:decisionHandler:而不是webView:didStartProvisionalNavigation:

3.2. 加載本地html問題

ios9及以上加載本地html資源的時候不能通過loadRequest:這個api進行請求,只能通過iOS 9新接口? ? -loadFIleURL:allowingReadAccessToURL: 炮赦,此處需要注意傳入的第一個參數(shù)url必須得是fileUrl格式的,即前綴得是file:// 格式的本地路徑样勃,第二個參數(shù)要是訪問文件的文件夾路徑吠勘。

iOS 9 以下解決方案:先將本地 HTML 文件的數(shù)據(jù) copy 到 tmp 目錄中性芬,然后再使用 loadRequest 來加載。我們項目中則是通過移動整個webResource文件夾到tmp目錄解決剧防。? 考慮到iOS8中WKWebView存在較多問題植锉,后來我們在iOS中統(tǒng)一采用UIWebview方案。

3.3. 跨域問題

跨域訪問峭拘,簡單來說就是 A 網(wǎng)站的 javascript 代碼試圖訪問 B 網(wǎng)站俊庇,包括提交內(nèi)容和獲取內(nèi)容。由于安全原因鸡挠,跨域訪問是被各大瀏覽器所默認(rèn)禁止的辉饱。

CORS(一個W3C標(biāo)準(zhǔn),全稱是"跨域資源共享"(Cross-origin resource sharing))允許瀏覽器向跨源服務(wù)器拣展,發(fā)出XMLHttpRequest請求,從而克服了AJAX只能同源使用的限制彭沼。

WKKit默認(rèn)強制實現(xiàn)CORS,在不涉及服務(wù)端改動的情況下通過KVC修改屬性值解決[config.preferences setValue:@"TRUE" forKey:@"allowFileAccessFromFileURLs"]

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末备埃,一起剝皮案震驚了整個濱河市姓惑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌按脚,老刑警劉巖于毙,帶你破解...
    沈念sama閱讀 218,284評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異辅搬,居然都是意外死亡唯沮,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評論 3 395
  • 文/潘曉璐 我一進店門伞辛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來烂翰,“玉大人,你說我怎么就攤上這事蚤氏「使ⅲ” “怎么了?”我有些...
    開封第一講書人閱讀 164,614評論 0 354
  • 文/不壞的土叔 我叫張陵竿滨,是天一觀的道長佳恬。 經(jīng)常有香客問我,道長于游,這世上最難降的妖魔是什么毁葱? 我笑而不...
    開封第一講書人閱讀 58,671評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮贰剥,結(jié)果婚禮上倾剿,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好前痘,可當(dāng)我...
    茶點故事閱讀 67,699評論 6 392
  • 文/花漫 我一把揭開白布凛捏。 她就那樣靜靜地躺著,像睡著了一般芹缔。 火紅的嫁衣襯著肌膚如雪坯癣。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,562評論 1 305
  • 那天最欠,我揣著相機與錄音示罗,去河邊找鬼。 笑死芝硬,一個胖子當(dāng)著我的面吹牛蚜点,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播吵取,決...
    沈念sama閱讀 40,309評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼禽额,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了皮官?” 一聲冷哼從身側(cè)響起脯倒,我...
    開封第一講書人閱讀 39,223評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎捺氢,沒想到半個月后藻丢,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,668評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡摄乒,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,859評論 3 336
  • 正文 我和宋清朗相戀三年悠反,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片馍佑。...
    茶點故事閱讀 39,981評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡斋否,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出拭荤,到底是詐尸還是另有隱情茵臭,我是刑警寧澤,帶...
    沈念sama閱讀 35,705評論 5 347
  • 正文 年R本政府宣布舅世,位于F島的核電站旦委,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏雏亚。R本人自食惡果不足惜缨硝,卻給世界環(huán)境...
    茶點故事閱讀 41,310評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望罢低。 院中可真熱鬧查辩,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至谬返,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間日杈,已是汗流浹背遣铝。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留莉擒,地道東北人酿炸。 一個月前我還...
    沈念sama閱讀 48,146評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像涨冀,于是被迫代替她去往敵國和親填硕。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,933評論 2 355

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