WebKit(WKScriptMessageHandler)
在上一篇博文《WebKit(刷新)》讲解了刷新网页。接下来讲解网页前进和后退功能。
1 WekWebView导航相关
在WekWebView中有管理页面前进后后退的属性和方法。

2 实现导航
2.1 强引用导航按钮
我们还是在UINavigationController添加相关按钮。
考虑到没有上一页和下一页时,给用户更好的视觉感受,导航按钮不可点。因此我们添加强引用的导航按钮。
@property(nonatomic,strong)UIBarButtonItem*goBackBarButtonItem;///< 上一页按钮@property(nonatomic,strong)UIBarButtonItem*goForwardBarButtonItem;///< 下一页按钮
2.2 创建导航按钮
改造initUIBarButtonItem()方法。

2.3 实现导航方法
在导航的时候,为了安全,我们先判断一下能否跳转,再执行跳转操作。

2.4 导航按钮能否点击
为了给用户更好的感觉,我们应该让用户直观的感觉到按钮能否点击。
改写WKNavigationDelegate协议的
- (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation方法。

在这里当页面加载完成时,还同时将网页的标题设为navigationItem.title。
运行项目即可测试导航效果。
网友评论