老規(guī)矩，先看效果圖。

QQ20170828-113431-HD-iloveimg-compressed.gif

關(guān)于怎么獲取WKWebView頁面title和加載進度值，大家可以參考我之前的文章；

接下來，說一下怎么實現(xiàn)點擊返回按鈕來返回上一Controller或者網(wǎng)頁記錄，以及關(guān)閉按鈕的隱藏和出現(xiàn)。

第一步，創(chuàng)建觀察者，監(jiān)聽WKWebView的canGoBack值變化,如下

[self.wkWebview addObserver:self forKeyPath:@"canGoBack" options:NSKeyValueObservingOptionNew context:NULL];

第二步，實現(xiàn)kvo的監(jiān)聽方法，如下，

#pragma mark KVO的監(jiān)聽代理
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {

    //是否可以返回
    if ([keyPath isEqualToString:@"canGoBack"])
    {
        if (object == self.wkWebview)
        {
        }
    }
    else
    {
        [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
    }
}

第三步，創(chuàng)建返回按鈕和關(guān)閉按鈕，實現(xiàn)對應(yīng)的方法，判斷返回按鈕執(zhí)行的是pop操作，還是返回上一個網(wǎng)頁記錄，如下

#pragma mark 設(shè)置BarButtonItem
- (void)setBarButtonItem
{

    //設(shè)置距離左邊屏幕的寬度距離
    self.leftBarButton = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"back_item"] style:UIBarButtonItemStylePlain target:self action:@selector(selectedToBack)];
    self.negativeSpacer = [[UIBarButtonItem alloc]   initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace   target:nil action:nil];
    self.negativeSpacer.width = -5;

    //設(shè)置關(guān)閉按鈕，以及關(guān)閉按鈕和返回按鈕之間的距離
    self.leftBarButtonSecond = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"close_item"] style:UIBarButtonItemStylePlain target:self action:@selector(selectedToClose)];
    self.leftBarButtonSecond.imageInsets = UIEdgeInsetsMake(0, -20, 0, 20);
    self.navigationItem.leftBarButtonItems = @[self.negativeSpacer,self.leftBarButton];


    //設(shè)置刷新按妞
    UIBarButtonItem *reloadItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"reload_item"] style:UIBarButtonItemStylePlain target:self action:@selector(selectedToReloadData)];
    self.navigationItem.rightBarButtonItem = reloadItem;

}
#pragma mark 關(guān)閉并上一界面
- (void)selectedToClose
{
    [self.navigationController popViewControllerAnimated:YES];
}

#pragma mark 返回上一個網(wǎng)頁還是上一個Controller
- (void)selectedToBack
{
    if (self.wkWebview.canGoBack == 1)
    {
        [self.wkWebview goBack];
    }
    else
    {
        [self.navigationController popViewControllerAnimated:YES];
    }
}

#pragma mark reload
- (void)selectedToReloadData
{
    [self.wkWebview reload];
}

第四步，在KVO監(jiān)聽方法中來判斷是否顯示關(guān)閉按鈕，如下

if ([keyPath isEqualToString:@"canGoBack"])
    {
        if (object == self.wkWebview)
        {
            if (self.wkWebview.canGoBack == 1)
            {
                self.navigationItem.leftBarButtonItems = @[self.negativeSpacer,self.leftBarButton,self.leftBarButtonSecond];
            }
            else
            {
                self.navigationItem.leftBarButtonItems = @[self.negativeSpacer,self.leftBarButton];
            }
        }
        else
        {
            [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
        }
    }

第五步，觀察者的添加和移除是成對出現(xiàn)的，所以別忘了移除觀察者。

#pragma mark 移除觀察者
- (void)dealloc
{
    [self.wkWebview removeObserver:self forKeyPath:@"estimatedProgress"];
    [self.wkWebview removeObserver:self forKeyPath:@"canGoBack"];
    [self.wkWebview removeObserver:self forKeyPath:@"title"];
}

說明：

1.添加
self.negativeSpacer = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace target:nil action:nil];
self.negativeSpacer.width = -5;
的作用就是為了調(diào)整關(guān)閉按鈕與返回屏幕之間的距離
2.只有當(dāng)關(guān)閉按鈕是Image類型,才能通過self.leftBarButtonSecond.imageInsets = UIEdgeInsetsMake(0, -20, 0, 20);來調(diào)整返回按鈕與關(guān)閉按鈕之間的距離。如果是title類型的，則可能會沒有作用。

完整的demo，大家可以去我的Github下載Objective-C版本，Swift版本，
代碼肯定會有不足的地方，還希望大家多多指教。