概括：
一、UIWebView的基础使用
二、加载UIWebView需要注意的点
三、iOS与js的交互问题
一、UIWebView的基础使用
1、创建UIWebView:
CGRect bouds = [[UIScreen manScreen]applicationFrame];
UIWebView* webView = [[UIWebView alloc]initWithFrame:bounds];
[self.view addSubview:webView];
2、设置UIWebView的相关属性:
webView.scalespageToFit = YES;//自动对页面进行缩放以适应屏幕
webView.detectsPhoneNumbers = YES;//自动检测网页上的电话号码，单击可以拨打
注意：我们在一个页面想拨打电话的时候，也可以调取webview拨打电话
UIWebView*callWebview =[[UIWebView alloc] init];
NSURL *telURL =[NSURL URLWithString:[NSString stringWithFormat:@"tel:%@",self.usersModel.mobile]];// 貌似tel:// 或者 tel: 都行
[callWebview loadRequest:[NSURLRequest requestWithURL:telURL]];
//记得添加到view上
[self.view addSubview:callWebview];
3、加载内容：
1.1、加载一个网页url：
NSURL *url = [NSURL URLWithString:@"http://www.baidu.com"];//创建URL
NSURLRequest* request = [NSURLRequest requestWithURL:url];//创建
[webView loadRequest:request];//加载
1.2、加载一个本地资源：
NSURL* url = [NSURL fileURLWithPath:filePath];//创建URL
NSURLRequest* request = [NSURLRequest requestWithURL:url];//创建
[webView loadRequest:request];//加载
设置webView的一些属性
[webView goBack];//后退
[webView goForward];//控制前进
[webView reload];//重载
[webView stopLoading];//取消载入内容
4、UIWebView的代理:
-(void)webViewDidStartLoad:(UIWebView*)webView ;//当网页视图已经开始加载一个请求后，得到通知。
-(void)webViewDidFinishLoad:(UIWebView*)webView ;//当网页视图结束加载一个请求之后，得到通知。
-(void)webView:(UIWebView*)webView DidFailLoadWithError:(NSError*)error;//当在请求加载中发生错误时，得到通知。会提供一个NSSError对象，以标识所发生错误类型。
二、加载UIWebView需要注意的点
1、处理UIWebView加载网页展示doc、txt、xls等等的文档乱码问题：
1.1 处理展示txt文档乱码问题：
if ([theType isEqualToString:@".txt"]){
//txt分带编码和不带编码两种，带编码的如UTF-8格式txt,不带编码的如ANSI格式txt。不带的，可以依次尝试GBK和GB18030编码
NSString* aStr = [[NSString alloc] initWithData:attachmentData encoding:NSUTF8StringEncoding];
if (!aStr){
//用GBK进行编码
aStr=[[NSString alloc] initWithData:attachmentData encoding:0x80000632];
}
if (!aStr){
//用GBK编码不行,再用GB18030编码
aStr=[[NSString alloc] initWithData:attachmentData encoding:0x80000631];
}
加载完成之后，会显示不全，可用textview进行排版，或者是通过html进行排版，下面列举html进行排版：
NSString* responseStr = [NSString stringWithFormat:
@""
""
""
""
"%@"
"/pre>"
""
"",
aStr];
[attachmentWebView loadHTMLString:responseStr baseURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]]];
return;
}
其他的处理乱码就用utf8转化就ok。
2、取消长按webView上的链接弹出actionSheet的问题：
-(void)webViewDidFinishLoad:(UIWebView *)webView{
[webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout = 'none';"]；
}
3、取消webView上的超级链接加载问题：
-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
if (navigationType==UIWebViewNavigationTypeLinkClicked) {
return NO;
}else {
return YES;
}
}
4、删除 webView的cookie的方法：
-(void)deleteCookieForDominPathStr:(NSString *)thePath
{
//删除本地cookie，thePath为cookie路径通过打印cookie可知道其路径
for(NSHTTPCookie *cookie in [[NSHTTPCookieStorage sharedHTTPCookieStorage] cookies]) {
if([[cookie domain] isEqualToString:thePath]) {
[[NSHTTPCookieStorage sharedHTTPCookieStorage] deleteCookie:cookie];}
}
}
5、根据内容获取UIWebView的高度：
1.1 .使用sizeThatFits方法:
-(void)webViewDidFinishLoad:(UIWebView *)webView{
CGRect frame = webView.frame;
frame.size.height = 1;
webView.frame = frame;
CGSize fittingSize = [webView sizeThatFits:CGSizeZero];
frame.size = fittingSize;
webView.frame = frame;
}
这个需要注意：使用 sizeThatFits前，先将UIWebView的高度设为最小，即1，再次调用就会返回最合适的大小
1.2 使用JavaScript方法
-(void)webViewDidFinishLoad:(UIWebView *)webView{
CGRect frame = webView.frame;
NSString *fitHeight = [webview stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight;"];
frame.size.height = [fitHeight floatValue];
webView.frame = frame;
}
三、iOS与js的交互问题
1、OC掉JS的方法：
第一步：需要添加系统库 JavaScriptCore.framework，引入头文件#import <JavaScriptCore/JavaScriptCore.h>
第二步：创建webview
第三步：创建 JSContext 桥梁
-(void)webViewDidFinishLoad:(UIWebView *)webView {
//创建JSContext 对象
JSContext *context=[webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
NSString *alertJS=@"alert('我是拉拉吖')"; //准备执行的js代码
[context evaluateScript:alertJS];//通过oc方法调用js的alert
}
2、JS调用OC方法：
例如：我们的app最近开发的七夕开奖活动，每次打开app，如果没开奖，就会有百宝箱，提示打开百宝箱
第一步：需要添加系统库 JavaScriptCore.framework，引入头文件#import <JavaScriptCore/JavaScriptCore.h>
第二步：创建webview
第三步：创建 JSContext 桥梁
第四步：规定名称：TestJSObject
第五步：规定方法带参数的：-(void)TestOneParameter:(NSString *)message
@property (nonatomic, strong) JSContext *jsContext;
-(void)webViewDidFinishLoad:(UIWebView *)webView {
//建立连接
self.jsContext = (JSContext *)[webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
self.jsContext.exceptionHandler = ^(JSContext *con, JSValue *exception) {
NSLog(@"%@", exception);
con.exception = exception;
};
//创建对象，处理来自JS调用的类
TestJSObject *textJS = [[TestJSObject alloc] init];
self.jsContext[@"TestJSObject"]= textJS;
}
重写TestJSObject类
#import <Foundation/Foundation.h>
#import <JavaScriptCore/JavaScriptCore.h>
//首先创建一个实现了JSExport协议的协议
@protocol TestJSObjectProtocol <JSExport>
//此处我们测试几种参数的情况
-(void)TestNOParameter;
-(void)TestOneParameter:(NSString *)message;
@end
//让我们创建的类实现上边的协议
@interface TestJSObject : NSObject<TestJSObjectProtocol>
@end
#import "TestJSObject.h"
@implementation TestJSObject
-(void)TestOneParameter:(NSString *)message
{
NSLog(@"this is ios TestOneParameter=%@",message);
}
@end
注意：如果js是多个参数的话 我们代理方法的所有变量前的名字连起来要和js的方法名字一样
比如： js方法为 testobject.TestTowParameterSecondParameter('参数A','参数B')
他有两个参数 那么我们的代理方法 就是把js的方法名 TestTowParameterSecondParameter 任意拆分成两段作为代理方法名
-(void)TestTowParameter:(NSString *)message1 SecondParameter:(NSString *)message2;
3、使用第三方的WebViewJavascriptBridge
第一步：导入第三方WebViewJavascriptBridge
第二步：引入头文件：#import "WebViewJavascriptBridge.h"
第三步：同js方规定方法：@"pushAppParam"
@property (nonatomic,strong) WebViewJavascriptBridge *bridge;
- (void)viewDidLoad{
//调用方法
[self addInitWebViewJavascriptBridge];
}
实现方法
- (void) addInitWebViewJavascriptBridge{
self.bridge = [WebViewJavascriptBridge bridgeForWebView:self.webView];
[self.bridge setWebViewDelegate:self];
[self.bridge registerHandler:@"pushAppParam" handler:^(id data, WVJBResponseCallback responseCallback) {
NSDictionary *dic = data;
//实现需要的功能
}
