iOS中webView相关使用与需要注意的问题

最近公司有个项目与html相关，需要做些调整，虽然之前接触过，但是没深入了解，这边学习的时候顺便整理下，有什么问题欢迎留言沟通。

一.初始化与加载 参考链接->加载本地html

1.把HTML文件读取成字符串再加载到WebView中

self.webView = [[UIWebView alloc]initWithFrame:CGRectMake(0, 50, self.view.frame.size.width, self.view.frame.size.height - 50)];
NSString *filePath = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
NSString *htmlString = [NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];
NSURL *url = [[NSURL alloc] initWithString:filePath];
[self.webView loadHTMLString:htmlString baseURL:url];

2.直接加载文件路径

NSString *filePath = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
NSURL *url = [[NSURL alloc] initWithString:filePath];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
[self.webView loadRequest:request];

3.在URL上加上Hash Tag和传入参数，只需要在URL上拼接上去就可以了。(请自己证明)

NSString *component = @"#!/login?id=1&user=admin";
NSString *urlString = [filePath stringByAppendingString:component];
NSURL *url = [[NSURL alloc] initWithString:urlString];

4.这样有一个问题就是URL传入的时候一些特殊符号会有编码问题用下面方式处理。

NSString *encodedComponent = (NSString *)CFBridgingRelease(
            CFURLCreateStringByAddingPercentEscapes(
            kCFAllocatorDefault,
            (CFStringRef)component,
            (CFStringRef)@"!$&'()*+,-./:;=?@_~%#",
            NULL,
            kCFStringEncodingUTF8) );
NSString *urlString = [filePath stringByAppendingString:component];
NSURL *url = [[NSURL alloc] initWithString:urlString];

5.UIWebView会有内存占用非常高而且不释放导致溢出的问题，这里也顺便记录一下普遍的解决方法。
a.当收到系统的内存告警时，清除所有缓存的Response。

-(void)didReceiveMemoryWarning{
     [super didReceiveMemoryWarning];
     [[NSURLCache sharedURLCache] removeAllCachedResponses];
}

b.其他设置

-(void)webViewDidFinishLoad:(UIWebView *)webView{
    [[NSUserDefaults standardUserDefaults] setInteger:0 forKey:@"WebKitCacheModelPreferenceKey"];
    [[NSUserDefaults standardUserDefaults] setBool:NO forKey:@"WebKitDiskImageCacheEnabled"];
    [[NSUserDefaults standardUserDefaults] setBool:NO forKey:@"WebKitOfflineWebApplicationCacheEnabled"];
    [[NSUserDefaults standardUserDefaults] synchronize];
}

-(void)dealloc{
    [self.webView stopLoading];
    [self.webView removeFromSuperview];
    self.webView = nil;
}

二.js与原生方法互相调用 参考->这里

三.让js像安卓一样通过对象的方式调用方法，比如xxx.login() 原文

a.在页面跳转之后，注入的的js将失效，目前查找的方法为重新创建webview，重新注入js，但是这样没有历史记录，所以不能调用back方法，有其他方式请留言 参考->原文

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
    if(self.isFirstRequest){
        self.isFirstRequest = false;
        return YES;
    }else{
        CGRect frame = self.webView.frame;
        [self.webView removeFromSuperview];
        self.webView = [[UIWebView alloc]initWithFrame:frame];
        [self.view addSubview:self.webView];
        self.webView.delegate = self;
        
        JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
        loginJsTest *testJO = [[loginJsTest alloc]init];
        context[@"loginJs"] = testJO;
        [self.webView loadRequest:request];
        self.isFirstRequest = YES;
        return false;
    }
}

四.将js代码注入到网页中，在操作网页的时候调用 原文

如果注入后发现没有被调用，可能是注入和调用时间的问题，比如js中在页面加载的时候调用，但是你在页面加载完后才注入，就会找不到函数，这种情况可以考虑在加载网页前进行注入。

a.用下面的代码将js注入到网页中(注入一个secondClick()函数)

[self.webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"
     "script.type = 'text/javascript';"
     "script.text = \"function secondClick() { "   //定义secondClick方法
     "share();"//share为js中调用的原生方法
     "}\";"
     "document.getElementsByTagName('head')[0].appendChild(script);"];  //添加到head标签中  

b.html中调用注入的js方法

Click Me!