最近公司有个项目与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方法
<button type="button" onclick="secondClick()">Click Me!</button>
网友评论