关于WKWebView的使用(js交互,进度条类似微信设置的导航栏的返回按钮)

WKWebView 是苹果在 iOS 8 中引入的新组件,处理速度很快,因为项目需要,最近项目要把许多页面要加载HTML,然后我网上参考了许多资料,废话不多说啦!!上图片!!

JS交互

name:方法名(JS只能向原生传递一个参数)

关于WKWebView的使用(js交互,进度条类似微信设置的导航栏的返回按钮)_第1张图片
关于WKWebView的使用(js交互,进度条类似微信设置的导航栏的返回按钮)_第2张图片
参数:message.body

进度条

利用KVO监听WKWebView,根据change[@"new"] Value值用View的layer显示

监听方法


关于WKWebView的使用(js交互,进度条类似微信设置的导航栏的返回按钮)_第3张图片
KVO赋值

类似微信加载webView导航栏返回和关闭按钮

关于WKWebView的使用(js交互,进度条类似微信设置的导航栏的返回按钮)_第4张图片
判断导航栏是否添加关闭BarButtonItem按钮


关于WKWebView的使用(js交互,进度条类似微信设置的导航栏的返回按钮)_第5张图片
WKWebView效果图.gif

项目demo: (互相学习,用的上的的可以支持一下哟)

你可能感兴趣的:(关于WKWebView的使用(js交互,进度条类似微信设置的导航栏的返回按钮))