本文主要记录UIWebView三方面内容：
1、基本的加载网页链接或文件；
2、网页js调用原生，也就是Cordova混合架构的原理；
3、原生调用js程序；
- 原生部分主要代码：
@implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; self.title = @"WebView Test"; webview_ = [[UIWebView alloc]init]; webview_.frame = self.view.bounds; webview_.delegate = self; //自动缩放页面 webview_.scalesPageToFit = YES; //webview提供的导航方法如下: // [webView_ goBack]; // [webview_ goForward]; // [webview_ reload]; // [webview_ stopLoading]; [self.view addSubview:webview_]; } -(void)viewDidAppear:(BOOL)animated{ NSLog(@"viewDidAppear"); // 加载普通URL // NSURL* url; // http请求需要在info.plist信息中增加如下配置： // <key>NSAppTransportSecurity</key> // <dict> // <key>NSAllowsArbitraryLoads</key> // <true/> // </dict> // url = [[NSURL alloc]initWithString:@"http://www.baidu.com/"]; // [webview_ loadRequest:[NSURLRequest requestWithURL:url]]; [self loadHTMLFile:@"hello.html"]; } //加载一个本地html - (void)loadHTMLFile:(NSString*)filename { NSString *path = [[NSBundle mainBundle] pathForResource:filename ofType:@""]; NSData* data = [NSData dataWithContentsOfFile:path]; [webview_ loadData:data MIMEType:@"text/html" textEncodingName:@"utf-8" baseURL:nil]; } //javascript调用原生方法，也是Cordova混合架构的原理 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { NSLog(@"shouldStartLoadWithRequest"); NSString *url = request.URL.absoluteString; NSLog(@"%@", url); if([url hasSuffix:@"iostest"]){ return NO; } return YES; } - (void)webViewDidFinishLoad:(UIWebView *)webView { //执行javascript语句 NSLog(@"webViewDidFinishLoad"); NSString *js = @"test2('hello')"; [webview_ stringByEvaluatingJavaScriptFromString:js]; } @end
- 网页部分
<html> <head> <script type="text/javascript"> var iFrame; iFrame = document.createElement('iframe'); iFrame.style.display = 'none'; document.documentElement.appendChild(iFrame); //创建一个iFrame，并修改其src，此时IOS中的shouldStartLoadWithRequest会被回调 function test1(){ iFrame.src = "iostest"; } function test2(input){ alert(input); } </script> </head> <body> <p>This is Test Page.</p> <button onclick="test1()">hello</button> </body> </html>