久久岛国,国产视频中文字幕,欧美精品一区三区

自從iOS8開始,Apple引入了WKWebView欲代替UIWebView。相比而言,WKWebView消耗內從更少,功能也更加強大。讓我們來看看WKWebView怎么使用吧!

0.初始化
（1）首先需要引入WebKit庫

復制代碼代碼如下:

#import <WebKit/WebKit.h>

（2）初始化方法分為以下兩種

復制代碼代碼如下:

	
	// 默認初始化

	- (instancetype)initWithFrame:(CGRect)frame;

	// 根據對webview的相關配置，進行初始化

	- (instancetype)initWithFrame:(CGRect)frame configuration:(WKWebViewConfiguration *)configuration NS_DESIGNATED_INITIALIZER;

（3）加載網頁與HTML代碼的方式與UIWebView相同，代碼如下：

復制代碼代碼如下:

	
	WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds];

	[webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]]];

	[self.view addSubview:webView];

1. WKWebView的代理方法
（1） WKNavigationDelegate
該代理提供的方法，可以用來追蹤加載過程（頁面開始加載、加載完成、加載失敗）、決定是否執行跳轉。

復制代碼代碼如下:

	
	// 頁面開始加載時調用

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

	// 當內容開始返回時調用

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

	// 頁面加載完成之后調用

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

	// 頁面加載失敗時調用

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

頁面跳轉的代理方法有三種，分為（收到跳轉與決定是否跳轉兩種）

復制代碼代碼如下:

	
	// 接收到服務器跳轉請求之后調用

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

	// 在收到響應后，決定是否跳轉

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

	// 在發送請求之前，決定是否跳轉

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

（2）WKUIDelegate

復制代碼代碼如下:

	
	// 創建一個新的WebView

	- (WKWebView *)webView:(WKWebView *)webView createWebViewWithConfiguration:(WKWebViewConfiguration *)configuration forNavigationAction:(WKNavigationAction *)navigationAction windowFeatures:(WKWindowFeatures *)windowFeatures;

剩下三個代理方法全都是與界面彈出提示框相關的，針對于web界面的三種提示框（警告框、確認框、輸入框）分別對應三種代理方法。下面只舉了警告框的例子。

復制代碼代碼如下:

	
	/**

	 *  web界面中有彈出警告框時調用

	 *

	 *  @param webView           實現該代理的webview

	 *  @param message           警告框中的內容

	 *  @param frame             主窗口

	 *  @param completionHandler 警告框消失調用

	 */

	- (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(void (^)())completionHandler;

（3）WKScriptMessageHandler
這個協議中包含一個必須實現的方法，這個方法是提高App與web端交互的關鍵，它可以直接將接收到的JS腳本轉為OC或Swift對象。（當然，在UIWebView也可以通過“曲線救國”的方式與web進行交互，著名的Cordova框架就是這種機制）

復制代碼代碼如下:

	
	// 從web界面中接收到一個腳本時調用

	- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message;

2.修改Info.plist
注意從iOS9開始,凡是涉及到網絡操作的,都要在Info.plist中加入:

Swift使用WKWebView在iOS應用中調用Web的方法詳解

3.加載網頁
先要在ViewController 導入WebKit:

復制代碼代碼如下:

import WebKit

然后:

復制代碼代碼如下:

	
	var webview = WKWebView()

	override func viewDidLoad() {

	  super.viewDidLoad()

	    //創建wkwebview

	    let webview = WKWebView(frame: CGRectMake(0, 0, self.view.frame.width, self.view.frame.height))

	    //創建網址

	    let url = NSURL(string: "http://www.jianshu.com/users/040395b7230c/latest_articles")

	    //創建請求

	    let request = NSURLRequest(URL: url!)

	    //加載請求

	    webview.loadRequest(request)

	    //添加wkwebview

	    self.view.addSubview(webview)

	}

運行效果如圖:

Swift使用WKWebView在iOS應用中調用Web的方法詳解

4.獲取網頁標題
為了顯示標題,首先給ViewController嵌入一個NavigationController。有了導航欄后,我們要調整一下webview的y軸位置,防止導航欄遮住網頁上面部分,在viewDidLoad()里寫上:

復制代碼代碼如下:

	
	//獲取導航欄高度

	let navHeight = self.navigationController?.navigationBar.frame.height

	//獲取狀態欄高度

	let statusHeight = UIApplication.sharedApplication().statusBarFrame.height

	webview = WKWebView(frame: CGRectMake(0, statusHeight+navHeight!,self.view.frame.width, self.view.frame.height))

其次,這里要用到WKNavigationDelegate，所以在viewDidLoad()里加上

復制代碼代碼如下:

self.webview.navigationDelegate = self

注意網頁標題要在網頁加載完成后才能獲取,否則為空,于是我們用到'處理網頁加載完成'這個方法:

復制代碼代碼如下:

	
	func webView(webView: WKWebView, didFinishNavigation navigation: WKNavigation!) {

	    self.navigationItem.title = self.webview.title

	  }

運行效果如圖:

Swift使用WKWebView在iOS應用中調用Web的方法詳解

5.前進和后退
首先我們要在navgationBar上添加前進和后退按鈕:

復制代碼代碼如下:

	
	var btnBack = UIBarButtonItem()

	var btnForward = UIBarButtonItem()

	func setNavBar() {

	  btnBack = UIBarButtonItem(title: "后退", style: UIBarButtonItemStyle.Plain, target: self, action: "toBack")

	  btnForward = UIBarButtonItem(title: "前進", style: UIBarButtonItemStyle.Plain, target: self, action: "toForward")

	  self.navigationItem.leftBarButtonItem = btnBack

	  self.navigationItem.rightBarButtonItem = btnForward

	  }

然后我們用到了goBack()和goForward()方法,在前進或后退之前我們要判斷一下網頁是否能夠前進或后退:

復制代碼代碼如下:

func toBack() {
   if self.webview.canGoBack {
     self.webview.goBack()
    }
}

func toForward() {
if self.webview.canGoForward {
self.webview.goForward()
}
}

最后在viewDidLoad()里加上調用setNavBar()方法:

復制代碼代碼如下:

setNavBar()

運行效果如圖:

Swift使用WKWebView在iOS應用中調用Web的方法詳解

6.修改網頁配置
現在,一個看似很簡單的瀏覽器完成了,但如果我們把網址換成:
http://csol2.tiancity.com/homepage/article/Class_1166_Time_1.html
即在viewDidLoad()里修改:

復制代碼代碼如下:

	

	let url = NSURL(string: "http://csol2.tiancity.com/homepage/article/Class_1166_Time_1.html")

我們會發現網頁上列表里的文字,包括頂欄上的文字點擊了沒反應,問題出在哪里呢?這是因為系統阻止了不安全的連接。怎么解決呢？我們就要用到WKUIDelegate中的createWebViewWithConfiguration()這個方法讓其允許導航,首先我們要設置自身代理,在viewDidLoad()里加上:

復制代碼代碼如下:

self.webview.UIDelegate = self

其次:

復制代碼代碼如下:

	
	func webView(webView: WKWebView, createWebViewWithConfiguration configuration: WKWebViewConfiguration, forNavigationAction navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures) -> WKWebView? {

	     //如果目標主視圖不為空,則允許導航

	  if !(navigationAction.targetFrame?.mainFrame != nil) {

	    self.webview.loadRequest(navigationAction.request)

	    }

	  return nil

	  }

運行一下,發現點擊跳轉了!

7.處理js的提示框
現在把網址修改為

http://evt.tiancity.com/csol2/1565/home/index.php
即在viewDidLoad()里修改:

復制代碼代碼如下:

let url = NSURL(string: "http://evt.tiancity.com/csol2/1565/home/index.php")

往下拉,點擊'立即領取',本應該出現提示框,卻發現什么也沒發生。為此,我們要處理一下js的提示框事件。還記得一開始提到的那個方法吧,如下:

復制代碼代碼如下:

	
	func webView(webView: WKWebView, runJavaScriptAlertPanelWithMessage message: String, initiatedByFrame frame: WKFrameInfo, completionHandler: () -> Void) {

	  let alert = UIAlertController(title: nil, message: message, preferredStyle: .Alert)

	  alert.addAction(UIAlertAction(title: "Ok", style: .Default, handler: { (_) -> Void in

	    completionHandler()

	    }))

	   self.presentViewController(alert, animated: true, completion: nil)

	  }

這里要創建一個警告框來顯示,現在再運行一下看看?!

Swift使用WKWebView在iOS應用中調用Web的方法詳解

8.添加進度條
我們知道UIWebView是無法獲取網頁加載的進度的,于是也就無法創建進度條了,當然我們可以以某種算法模擬網頁加載,自己設置進度條的值。而WKWebView卻提供了獲取網頁加載進度的方法,支持KVO,也就是estimatedProgress。另外還有loading是否正在加載和title頁面標題。
我們得創建一個進度條:

復制代碼代碼如下:

	
	var progBar = UIProgressView()

	//以下代碼添加到viewDidLoad()

	progBar = UIProgressView(frame: CGRectMake(0, 0, self.view.frame.width, 30))

	  progBar.progress = 0.0

	  progBar.tintColor = UIColor.redColor()

	  self.webview.addSubview(progBar)

然后給網頁添加監聽進度,同樣在viewDidLoad()里:

復制代碼代碼如下:

	

	self.webview.addObserver(self, forKeyPath: "estimatedProgress", options: NSKeyValueObservingOptions.New, context: nil)

再處理KVO:

復制代碼代碼如下:

	
	override func observeValueForKeyPath(keyPath: String?, ofObject object: AnyObject?, change: [String : AnyObject]?, context: UnsafeMutablePointer<Void>) {

	  if keyPath == "estimatedProgress" {

	    self.progBar.alpha = 1.0

	    progBar.setProgress(Float(webview.estimatedProgress), animated: true)

	         //進度條的值最大為1.0

	     if(self.webview.estimatedProgress >= 1.0) {

	      UIView.animateWithDuration(0.3, delay: 0.1, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in

	        self.progBar.alpha = 0.0

	        }, completion: { (finished:Bool) -> Void in

	          self.progBar.progress = 0

	        })

	      }

	    }

	}

這里設置進度條的值很重要,因為我們發現,其實進度條的值總比網頁加載的實際值慢一些,兩者并不同步。如果你不添加動畫使進度條加載完成后消失,你會發現進度條還沒到最右邊中途就不見了。所以我們要用個動畫來實現。此外,如果把self.progBar.progress = 0這句語句,即清零的功能放到別的方法中去,比如說放到開始導航的時候來清零,你會發現進度條的動畫有問題,會來回轉。總之,怎么處理進度條的動畫很講究,我試了好多次發現這個方法相對來說穩定一些。所以我建議大家可以換個進度條的樣式,即不依賴于值的顯示,如可以轉圈圈等等。現在有好多第三方庫可以使用,大家可以上cocoapods去查找。

還有一點別忘了,對于KVO模式，有add一定要remove,否則會崩潰。我們可以在視圖消失的時候添加remove:

復制代碼代碼如下:

	
	override func viewWillDisappear(animated: Bool) {

	  webview.removeObserver(self, forKeyPath: "estimatedProgress")

	  }

大家可以換些網址試試!

9.最終效果圖

Swift使用WKWebView在iOS應用中調用Web的方法詳解

10.總結
WKWebView的簡單使用就介紹到這里了!大家有興趣可以為其添加更多功能!如果喜歡本文的話別忘了點擊喜歡哦!

后記
既然說WKWebView相比UIWebView消耗的內存更少,那么我們就來實際對比一下，我們讓它們加載同一個網站，結果如圖
(左為UIWebView,右為WKWebView):

Swift使用WKWebView在iOS應用中調用Web的方法詳解

国产片侵犯亲女视频播放_亚洲精品二区_在线免费国产视频_欧美精品一区二区三区在线_少妇久久久_在线观看av不卡

Swift使用WKWebView在iOS應用中調用Web的方法詳解

延伸 · 閱讀

Swift使用CollectionView實現廣告欄滑動效果

mac git xcrun error active developer path 錯誤

Swift的74個常用內置函數介紹

Swift能代替Objective-C嗎？

Swift實現多個TableView側滑與切換效果

Swift教程之基礎數據類型詳解

Swift中轉義閉包示例詳解

swift where與匹配模式的實例詳解

云服務器是什么，云主機干什么用的？

2020最新好用的web服務器軟件推薦

服務器操作系統有哪些?

web服務器配置（圖文詳解）

企業如何選擇阿里云服務器配置?

五大免費主機管理系統優缺點對比及推薦

2019最新三款Windows下連接Linux的ssh軟件下載推薦

服務器常用管理軟件盤點

Nginx服務器究竟是怎么執行PHP項目