WebKit(导航)

最新推荐文章于 2022-05-30 17:58:34 发布

阳君

最新推荐文章于 2022-05-30 17:58:34 发布

阅读量730

点赞数

分类专栏： WebKit 文章标签： webkit 导航 WKWebView

本文链接：https://blog.csdn.net/y550918116j/article/details/50149479

版权

WebKit 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

WebKit(展示Web界面)

WebKit(WKScriptMessageHandler)

WebKit(WKUIDelegate)

WebKit(WKNavigationDelegate)

在上一篇博文《WebKit(刷新)》讲解了刷新网页。接下来讲解网页前进和后退功能。

1 WekWebView导航相关

在WekWebView中有管理页面前进后后退的属性和方法。

// 能否回到上一页
@property (nonatomic, readonly) BOOL canGoBack;

// 回调上一页
- (nullable WKNavigation *)goBack;

// 能否去往下一页
@property (nonatomic, readonly) BOOL canGoForward;

// 跳转到下一页
- (nullable WKNavigation *)goForward;

2 实现导航

2.1 强引用导航按钮

我们还是在UINavigationController添加相关按钮。

考虑到没有上一页和下一页时，给用户更好的视觉感受，导航按钮不可点。因此我们添加强引用的导航按钮。

@property (nonatomic, strong) UIBarButtonItem *goBackBarButtonItem;    ///< 上一页按钮
@property (nonatomic, strong) UIBarButtonItem *goForwardBarButtonItem; ///< 下一页按钮

2.2 创建导航按钮

改造initUIBarButtonItem()方法。

#pragma mark 初始化UIBar导航按钮
- (void)initUIBarButtonItem {
    // 左边
    self.goBackBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemRewind target:self action:@selector(goBack:)];
    self.goBackBarButtonItem.enabled = NO; // 不可点
    self.goForwardBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFastForward target:self action:@selector(goForward:)];
    self.goForwardBarButtonItem.enabled = NO;
    self.navigationItem.leftBarButtonItems = [NSArray arrayWithObjects:self.goBackBarButtonItem, self.goForwardBarButtonItem, nil];
    // 右边
    UIBarButtonItem *reloadItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemRefresh target:self action:@selector(reload:)];
    self.navigationItem.rightBarButtonItems = [NSArray arrayWithObjects:reloadItem, nil];
}

2.3 实现导航方法

在导航的时候，为了安全，我们先判断一下能否跳转，再执行跳转操作。

#pragma mark 上一页
- (void)goBack:(id)sender {
    if ([self.webView canGoBack]) {
        [self.webView goBack];
    }
}

#pragma mark 下一页
- (void)goForward:(id)sender {
    if ([self.webView canGoForward]) {
        [self.webView goForward];
    }
}

2.4 导航按钮能否点击

为了给用户更好的感觉，我们应该让用户直观的感觉到按钮能否点击。

改写WKNavigationDelegate协议的- (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation方法。

#pragma mark 页面加载完成之后调用
- (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation {
    NSLog(@"%s",__FUNCTION__);
    if (!self.webView.loading) {
        self.navigationItem.title = webView.title; // 页面标题
        // 上一页按钮和下一页按钮是否可点
        self.goBackBarButtonItem.enabled = [self.webView canGoBack];
        self.goForwardBarButtonItem.enabled = [self.webView canGoForward];
    }
}