UI控件（UIWebView）

时间：2023-03-10 06:14:06
UI控件（UIWebView）

本文主要记录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>

相关文章