WKWebView-iOS 8出現(xiàn)的，比UIWebView性能高出很多肚医！而且現(xiàn)在xcode也只支持到iOS8.0了庸疾，所以我們可以全面代替UIWebView了糯耍！
WKWebView是WebKit框架里的睡互，所以需要導(dǎo)入：#import <WebKit/WebKit.h>
初始化一個(gè)WKWebView
WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
[webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.reibang.com/users/ce9d64a894d8/latest_articles"]]];
[self.view addSubview:webView];
WKWebView代理協(xié)議：
- WKUIDelegate
遵守協(xié)議：
webView.UIDelegate= self;
實(shí)現(xiàn)協(xié)議里的方法：
/**
*web界面中有彈出警告框時(shí)調(diào)用
*在HTML中調(diào)用了JS的alert()方法時(shí)届慈，就會(huì)回調(diào)此API
*@param webView 實(shí)現(xiàn)該代理的webview
*@param message 警告框中的內(nèi)容
*@param frame 主窗口
*@param completionHandler 警告框消失調(diào)用
*/
-(void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler{
UIAlertController *alertController = [UIAlertController alertControllerWithTitle:message
message:nil
preferredStyle:UIAlertControllerStyleAlert];
[alertController addAction:[UIAlertAction actionWithTitle:@"確定"
style:UIAlertActionStyleDefault
handler:^(UIAlertAction *action) {
completionHandler();
}]];
[self presentViewController:alertController animated:YES completion:^{}];
NSLog(@"%@",completionHandler);
}
/*
確認(rèn)消息框Confirm
*/
-(void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(BOOL))completionHandler{
UIAlertController *alertController = [UIAlertController alertControllerWithTitle:message
message:nil
preferredStyle:UIAlertControllerStyleAlert];
[alertController addAction:[UIAlertAction actionWithTitle:@"確定"
style:UIAlertActionStyleDefault
handler:^(UIAlertAction *action) {
completionHandler(YES);
}]];
[alertController addAction:[UIAlertAction actionWithTitle:@"取消"
style:UIAlertActionStyleCancel
handler:^(UIAlertAction *action){
completionHandler(NO);
}]];
[self presentViewController:alertController animated:YES completion:^{}];
}
/*
輸入框TextInput
*/
-(void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt:(NSString *)prompt defaultText:(NSString *)defaultText initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(NSString *result))completionHandler{
completionHandler(@"Client Not handler");
}
- WKNavigationDelegate
遵守協(xié)議：
webView.navigationDelegate = self;
實(shí)現(xiàn)協(xié)議方法：
/*
在發(fā)送請(qǐng)求之前，決定是否跳轉(zhuǎn)
WKNavigationActionPolicyCancel,
WKNavigationActionPolicyAllow,
*/
-(void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{
/*
WKNavigationTypeLinkActivated, href鏈接 0
WKNavigationTypeFormSubmitted, 提交form 1
WKNavigationTypeBackForward, back forward 2
WKNavigationTypeReload, 刷新 3
WKNavigationTypeFormResubmitted, 后退梳侨、前進(jìn)，或重新加載 4
WKNavigationTypeOther = -1,
*/
NSLog(@"navigationType%ld",(long)navigationAction.navigationType);
decisionHandler(WKNavigationActionPolicyAllow);
}
/**
頁(yè)面開(kāi)始加載的時(shí)候調(diào)用
@param webView webView
@param navigation 頁(yè)面的導(dǎo)航對(duì)象
*/
-(void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation{
[self.progressView setProgress:webView.estimatedProgress animated:YES];
}
/**
在收到響應(yīng)后日丹，決定是否跳轉(zhuǎn)
*/
-(void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler{
decisionHandler(WKNavigationResponsePolicyAllow);
}
/**
頁(yè)面開(kāi)始接收內(nèi)容時(shí)調(diào)用
*/
-(void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation{
}
/**
頁(yè)面加載完成時(shí)調(diào)用
*/
-(void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{
self.navigationItem.title = webView.title;
[self.progressView setProgress:webView.estimatedProgress animated:YES];
}
/**
接收到服務(wù)器跳轉(zhuǎn)請(qǐng)求之后調(diào)用
*/
-(void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(WKNavigation *)navigation{
}
/**
頁(yè)面加載過(guò)程中失敗時(shí)調(diào)用
*/
-(void)webView:(WKWebView *)webView didFailNavigation:(WKNavigation *)navigation withError:(NSError *)error{
}
/**
頁(yè)面加載內(nèi)容失敗時(shí)調(diào)用
*/
-(void)webView:(WKWebView *)webView didFailProvisionalNavigation:(WKNavigation *)navigation withError:(NSError *)error{
}
清除緩存
NSDate *dateFrom = [NSDate dateWithTimeIntervalSince1970:0];
NSSet *websiteDataTypes = [WKWebsiteDataStore allWebsiteDataTypes];
[[WKWebsiteDataStore defaultDataStore] removeDataOfTypes:websiteDataTypes
modifiedSince:dateFrom completionHandler:^{
}];
- WKScriptMessageHandler
遵守協(xié)議：
WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
WKUserContentController *userCC = [[WKUserContentController alloc] init];
config.userContentController = userCC;
WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:config];
注：是否其中JS：webView.configuration.preferences.javaScriptEnabled = YES;
在該頁(yè)面注入JS函數(shù)：[config.userContentController addScriptMessageHandler:self name:@"backMallHome"];
實(shí)現(xiàn)協(xié)議:實(shí)現(xiàn)js調(diào)用OC方法
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{
if ([message.name isEqualToString:@"backMallHome"]) {
}
}
self.webView.backForwardList.currentItem.URL.absoluteString / backItem.URL.absoluteString / forwardItem.URL.absoluteString 等一些方法可以獲取到不同情況下的URL
JS與OC互調(diào)
- JS調(diào)用OC:如果沒(méi)有參數(shù)走哺，不能寫(xiě)成postMessage（）；否則JS會(huì)報(bào)錯(cuò)哲虾！backMallHome為你注入的函數(shù)名丙躏。
window.webkit.messageHandlers.backMallHome.postMessage(['返回商城首頁(yè)']);
- OC調(diào)用JS：login（）為JS函數(shù)
[self.webView evaluateJavaScript:[NSString stringWithFormat:@"login(\"%@\")",[AppTool showLoginInfo].username] completionHandler:^(id _Nullable response, NSError * _Nullable error) {
}];
JS兼容Android择示、iOS
//判斷訪問(wèn)終端
var browser={
versions:function(){
var u = navigator.userAgent,
app = navigator.appVersion;
return {
trident: u.indexOf('Trident') > -1, //IE內(nèi)核
presto: u.indexOf('Presto') > -1, //opera內(nèi)核
webKit: u.indexOf('AppleWebKit') > -1, //蘋(píng)果、谷歌內(nèi)核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐內(nèi)核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動(dòng)終端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android終端
iPhone: u.indexOf('iPhone') > -1 , //是否為iPhone或者QQHD瀏覽器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1, //是否web應(yīng)該程序晒旅，沒(méi)有頭部與底部
weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
qq: u.match(/\sQQ/i) == " qq" //是否QQ
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
//判斷是否移動(dòng)端
browser.versions.android
browser.versions.ios
模擬器調(diào)試H5頁(yè)面：
打開(kāi)Safari
斷點(diǎn)調(diào)試
感謝您的閱讀栅盲，希望對(duì)您有所幫助！歡迎任何形式的轉(zhuǎn)載敢朱，但請(qǐng)務(wù)必注明出處剪菱，尊重他人勞動(dòng)！
