1.优化性能（将UIWebView替换为WKWebView）
由于h5在UIWebView中的性能真的不行，页面跳转非常明显，特别是导航栏，闪得不要太明显。所以，我把UIWebView换成了WKWebView，且把对应的iOS原生代码重写了一道。
页面跳转流畅了很多，非常明显。但是以前返回刷新控制的方案不管用了😂。
打断点试了下为什么，居然直接返回，都不执行js了。
为了实现返回刷新，来来回回，把js和OC里头都有不小的改动。
注意⚠️：尽可能的把控制权放在js中。
因为，如果iOS关系到某个具体的页面返回刷新的话，那么每增加一个需要返回刷新的页面，都要去改iOS中的代码，同时容易导致iOS和android不一致的情况。如果把控制代码放在js中，iOS中只提供对接的方法，两者之间只需一套交流规则就行了。
iOS中处理方法
定义需要的一些变量
@property (nonatomic, assign) BOOL isBackward;
@property (nonatomic, copy) NSString *refreshPageName;
设置WKScriptMessageHandler代理
WKWebViewConfiguration *config = [WKWebViewConfiguration new];
config.preferences = [WKPreferences new];
WKUserContentController *userContentController = [[WKUserContentController alloc] init];
//使js可以调用backwardNeedRefresh方法
[userContentController addScriptMessageHandler:self name:@"backwardNeedRefresh"];
config.userContentController = userContentController;
WKWebView *webView = [[WKWebView alloc] initWithFrame:CGRectZero configuration:config];
[self.view addSubview:wv];
设置WKNavigationDelegate代理
webView.navigationDelegate = self;
WKNavigationDelegate 代理方法
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{
NSString *urlStr = [self treatString:webView.URL.absoluteString];
if (!self.isBackward || self.refreshPageName == nil){
return;
}
if([urlStr containsString:self.refreshPageName]){
[webView reload];
}
self.refreshPageName = nil;
}
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{
self.isBackward = (navigationAction.navigationType == WKNavigationTypeBackForward);
decisionHandler(WKNavigationActionPolicyAllow);
}
//处理中文字符乱码的问题
- (NSString *)treatString:(NSString *)inString{
return [inString stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
}
WKScriptMessageHandler代理方法
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{
NSLog(@"方法名：%@",message.name);
NSLog(@"方法名：%@",message.body);
NSString *method = [NSString stringWithFormat:@"%@:", message.name];
SEL selector = NSSelectorFromString(method);
if([self respondsToSelector:selector]){
[self performSelector:selector withObject:message.body];
}else{
NSLog(@"未实行方法: %@",method);
}
}
注册的js可以调用的iOS方法
- (void)backwardNeedRefresh:(NSString *)pageName{
self.refreshPageName = [self treatString:pageName];
}
h5中对应方法
此处区分了iOS和android
$.fn.reloadNetworkIfNeed = function(){
if($.fn.isAndroid()){
var fileName = window.location.href;
//去除前面的路径部分
fileName = fileName.substr(fileName.lastIndexOf("/")+1);
//去除后面的参数部分
var index = fileName.indexOf("?");
if(index>0&&index<fileName.length){
fileName = fileName.substr(0,fileName.indexOf("?")) ;
}
if($.fn.getData(fileName)==true){
window.history.go(0);
$.fn.removeLData(fileName);
}
}
}
$.fn.needReloadPage = function (pageName) {
if($.fn.isNull(pageName)){
return;
}
if($.fn.isAndroid()){
//兼容中文情况
$.fn.setData(encodeURIComponent(refreshPageName),true);
}else if($.fn.isIOS()){
window.webkit.messageHandlers.backwardNeedRefresh.postMessage(pageName);
}
}
假设A->B,B通过window.history.go(-1);返回A。那么要在B中调用$.fn.needReloadPage("A")方法；在B加载页面时调用 $.fn.reloadNetworkIfNeed()方法。
iOS中的逻辑是：在B返回A前，告诉iOS，如果是返回操作遇到A，则A页面需要刷新，那么返回A后在iOS中的- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation方法中，iOS会刷新A界面；
android机中，部分机子低会出现返回不刷新的情况。
android中的逻辑是：在B返回A前，在sessionStorage中存储A页面的名字，那么返回页面A后，首先在sessionStorage中通过A的名字搜索，看A是否需要刷新，若果需要刷新，就通过window.history.go(0);方法完成刷新，并删除A的名字；
网友评论