-
UIWebView 和 WKWebView 的區(qū)別
WKWebView 更快（占用內(nèi)存可能只有 UIWebView 的1/3~1/4），沒(méi)有緩存，更為細(xì)致地拆分了 UIWebViewDelegate 中的方法。
想要了解更多關(guān)于 WKWebView 的特性的，可以自行 Google，這里你可以簡(jiǎn)單地把它當(dāng)做是輕量級(jí)的 UIWebView。
常用代理方法在 WKWebView 中，UIWebViewDelegate 與 UIWebView 被重構(gòu)成了14類與3個(gè)協(xié)議，下面給出一些在 UIWebView 中常用的方法的 WKWebView 版本。
WKNavigationDelegate: 提供了追蹤主窗口網(wǎng)頁(yè)加載過(guò)程和判斷主窗口和子窗口是否進(jìn)行頁(yè)面加載新頁(yè)面的相關(guān)方法。
WKUIDelegate: 提供用原生控件顯示網(wǎng)頁(yè)的方法回調(diào)。
WKScriptMessageHandler: 提供從網(wǎng)頁(yè)中收消息的回調(diào)方法。
類：
WKWebView相關(guān)API 展開原碼
準(zhǔn)備加載頁(yè)面
UIWebViewDelegate - webView:shouldStartLoadWithRequest:navigationType
WKNavigationDelegate - webView:didStartProvisionalNavigation:
已開始加載頁(yè)面，可以在這一步向view中添加一個(gè)過(guò)渡動(dòng)畫
UIWebViewDelegate - webViewDidStartLoad:
WKNavigationDelegate - webView:didCommitNavigation:
頁(yè)面已全部加載，可以在這一步把過(guò)渡動(dòng)畫去掉
UIWebViewDelegate - webViewDidFinishLoad:
WKNavigationDelegate - webView:didFinishNavigation:
加載頁(yè)面失敗
UIWebViewDelegate - webView:didFailLoadWithError:
WKNavigationDelegate - webView:didFailNavigation:withError:
WKNavigationDelegate - webView:didFailProvisionalNavigation:withError:
以上方法分別存在于 UIWebViewDelegate 和 WKNavigationDelegate 中。
要注意的是 webview.delegate = self 需要改寫為 webview.navigationDelegate = self。
因?yàn)樘O果更改規(guī)則，iOS App Store不推薦使用的API。UIWebView廢棄，以后使用WKWebView。
ITMS-90809：不推薦使用的API -Apple將停止接受使用UIWebView API的應(yīng)用程序的提交。有關(guān)更多信息，請(qǐng)參見https://developer.apple.com/documentation/uikit/uiwebview 。
-
WKWebView和JS交互
OC加入代碼：
javaScript加入代碼：
原理：雙向注冊(cè)方法，雙向接收方法，OC可以調(diào)用js，js可以調(diào)用OC。
注冊(cè)js調(diào)用oc方法
- (void)registerHandler:(NSString *) handlerName handler:(WVJBHandler)handler;
oc調(diào)用js方法 - (void)callHandler:(NSString *) handlerName data:(id)data responseCallback:(WVJBResponseCallback)responseCallback;
-
runtime(method_exchangeImplementations)交換init方法：注冊(cè)(_injectJavascriptFile)初始化js交互方法(_WebViewJavascriptBridge_js())。
交互核心邏輯，js方法
NSString * _WebViewJavascriptBridge_js() {
define WVJB_js_func(x) #x
// BEGIN preprocessorJSCode
static NSString * preprocessorJSCode = @__WVJB_js_func__(
;(function() {
console.log = (function (oriLogFunc) {
return function (str) {
window.webkit.messageHandlers.log.postMessage(str);
oriLogFunc.call(console, str);
}
})(console.log);
window.WebViewJavascriptBridge = {
registerHandler: registerHandler,
callHandler: callHandler,
_handleMessageFromObjC: _handleMessageFromObjC
};
var sendMessageQueue = [];
var messageHandlers = {};
var responseCallbacks = {};
var uniqueId = 1;
function registerHandler(handlerName, handler) {
messageHandlers[handlerName] = handler;
}
function callHandler(handlerName, data, responseCallback) {
if (arguments.length === 2 && typeof data == 'function') {
responseCallback = data;
data = null;
}
_doSend({ handlerName:handlerName, data:data }, responseCallback);
}
function _doSend(message, responseCallback) {
if (responseCallback) {
var callbackId = 'cb_'+(uniqueId++)+'_'+new Date().getTime();
responseCallbacks[callbackId] = responseCallback;
message['callbackId'] = callbackId;
}
sendMessageQueue.push(message);
console.log('__bridge__'+ JSON.stringify(sendMessageQueue));
sendMessageQueue = [];
}
function _dispatchMessageFromObjC(messageJSON) {
_doDispatchMessageFromObjC();
function _doDispatchMessageFromObjC() {
var message = JSON.parse(messageJSON);
var messageHandler;
var responseCallback;
if (message.responseId) {
responseCallback = responseCallbacks[message.responseId];
if (!responseCallback) {
return;
}
responseCallback(message.responseData);
delete responseCallbacks[message.responseId];
} else {
if (message.callbackId) {
var callbackResponseId = message.callbackId;
responseCallback = function(responseData) {
_doSend({ handlerName:message.handlerName, responseId:callbackResponseId, responseData:responseData });
};
}
var handler = messageHandlers[message.handlerName];
if (!handler) {
console.log("WebViewJavascriptBridge: WARNING: no handler for message from ObjC:", message);
} else {
handler(message.data, responseCallback);
}
}
}
}
function _handleMessageFromObjC(messageJSON) {
_dispatchMessageFromObjC(messageJSON);
}
})();
); // END preprocessorJSCode
undef WVJB_js_func
return preprocessorJSCode;
};
-
將和前端定義的協(xié)議方法從iOS發(fā)送給js。
發(fā)送js
{
NSString messageJSON = [self _serializeMessage:message pretty:NO];
[self _log:@"SEND" json:messageJSON];
messageJSON = [messageJSON stringByReplacingOccurrencesOfString:@"\" withString:@"\\"];
messageJSON = [messageJSON stringByReplacingOccurrencesOfString:@""" withString:@"\""];
messageJSON = [messageJSON stringByReplacingOccurrencesOfString:@"'" withString:@"\'"];
messageJSON = [messageJSON stringByReplacingOccurrencesOfString:@"\n" withString:@"\n"];
messageJSON = [messageJSON stringByReplacingOccurrencesOfString:@"\r" withString:@"\r"];
messageJSON = [messageJSON stringByReplacingOccurrencesOfString:@"\f" withString:@"\f"];
messageJSON = [messageJSON stringByReplacingOccurrencesOfString:@"\u2028" withString:@"\u2028"];
messageJSON = [messageJSON stringByReplacingOccurrencesOfString:@"\u2029" withString:@"\u2029"];
NSString javascriptCommand = [NSString stringWithFormat:@"WebViewJavascriptBridge._handleMessageFromObjC('%@');", messageJSON];
if ([[NSThread currentThread] isMainThread]) {
[self evaluateJavaScript:javascriptCommand completionHandler:nil];
} else {
dispatch_sync(dispatch_get_main_queue(), ^{
[self evaluateJavaScript:javascriptCommand completionHandler:nil];
});
}
} js調(diào)用的方法 “ WebViewJavascriptBridge._handleMessageFromObjC ”
