import UIKit
import WebKit
class MyViewController: UIViewController {

    var webView = WKWebView()
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        
        self.progressView.frame = CGRect(x:0,y:64,width:self.view.frame.size.width,height:2)
        self.progressView.isHidden = false
        UIView.animate(withDuration: 1.0) {
            self.progressView.progress = 0.0
        }
    }

    override func viewDidLoad() {
        super.viewDidLoad()
      
        let url = "http://www.reibang.com/u/5ab7d4b14cbe"
        
        webView = WKWebView(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: UIScreen.main.bounds.size.height))
        view.addSubview(webView)
        webView.navigationDelegate = self
        let mapwayURL = URL(string: url)!
        let mapwayRequest = URLRequest(url: mapwayURL)
        webView.load(mapwayRequest)
       
        view.addSubview(self.progressView)
    }
    
    
    // 進度條
    lazy var progressView:UIProgressView = {
        let progress = UIProgressView()
        progress.progressTintColor = UIColor.orange
        progress.trackTintColor = .clear
        return progress
    }()

}

extension MyViewController:WKNavigationDelegate{
    // 頁面開始加載時調用
    func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!){
        self.navigationItem.title = "加載中..."
        /// 獲取網(wǎng)頁的progress
        UIView.animate(withDuration: 0.5) {
            self.progressView.progress = Float(self.webView.estimatedProgress)
        }
    }
    // 當內(nèi)容開始返回時調用
    func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!){
        
    }
    // 頁面加載完成之后調用
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!){
        /// 獲取網(wǎng)頁title
        self.title = self.webView.title
        
        UIView.animate(withDuration: 0.5) {
            self.progressView.progress = 1.0
            self.progressView.isHidden = true
        }
    }
    // 頁面加載失敗時調用
    func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error){
        
        UIView.animate(withDuration: 0.5) {
            self.progressView.progress = 0.0
            self.progressView.isHidden = true
        }
        /// 彈出提示框點擊確定返回
        let alertView = UIAlertController.init(title: "提示", message: "加載失敗", preferredStyle: .alert)
        let okAction = UIAlertAction.init(title:"確定", style: .default) { okAction in
            _=self.navigationController?.popViewController(animated: true)
        }
        alertView.addAction(okAction)
        self.present(alertView, animated: true, completion: nil)
        
    }
    
}

JS調Native APP :首先，得改下創(chuàng)建WKWebView的代碼，添加進自己的一些配置,代碼如下：

lazy var webView : WKWebView = {
        /// 自定義配置
        let conf = WKWebViewConfiguration()
        conf.userContentController = WKUserContentController()
        conf.preferences.javaScriptEnabled = true
        conf.selectionGranularity = WKSelectionGranularity.character
        conf.userContentController.add(self, name: "和web那邊一樣的方法名")
        let web = WKWebView( frame: CGRect(x:0, y:64,width:ScreenW, height:ScreenH),configuration:conf)
        /// 設置訪問的URL
        let url = NSURL(string: "http://www.reibang.com/u/37fe1e005f6c")
        /// 根據(jù)URL創(chuàng)建請求
        let requst = NSURLRequest(url: url! as URL)
        /// 設置代理
//        web.uiDelegate = self
        web.navigationDelegate = self
        /// WKWebView加載請求
        web.load(requst as URLRequest)
        
        return web
    }()

接著譬胎，要實現(xiàn)WKScriptMessageHandler的方法

extension YourViewControllerName:WKScriptMessageHandler{//用于與JS交互
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        
        if(message.name == "和web那邊一樣的方法名") {
            print("JavaScript is sending a message \(message.body)")
        }
       
    }
    
}

最后带迟，別忘了在移除MessageHandler哦！否則可能會導致內(nèi)存泄漏哦景描。

override func viewWillDisappear(_ animated: Bool) {
        super.viewWillDisappear(animated)
        //當前ViewController銷毀前將其移除十办，否則會造成內(nèi)存泄漏
         webView.configuration.userContentController.removeScriptMessageHandler(forName: "和web那邊一樣的方法名")
    }