JS中调用OC

network | | 访问(50)
#import "ViewController.h"

@interface ViewController () <UIWebViewDelegate>
@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    // 1.webView
    UIWebView *webView = [[UIWebView alloc] init];
    webView.frame = self.view.bounds;
    webView.delegate = self;
    [self.view addSubview:webView];
    
    // 2.加载网页
    NSURL *url = [[NSBundle mainBundle] URLForResource:@"test" withExtension:@"html"];
    NSURLRequest *request = [NSURLRequest requestWithURL:url];
    [webView loadRequest:request];
}

#pragma mark - UIWebViewDelegate
- (void)webViewDidFinishLoad:(UIWebView *)webView
{

}

/**
 *  webView每当发送一个请求之前,都会先调用这个方法(能拦截所有请求)
 */
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    NSString *url = request.URL.absoluteString;
    NSRange range = [url rangeOfString:@"jr://"];
    NSUInteger loc = range.location;
    if (loc != NSNotFound) { // url的协议头是jr
        // 方法名
        NSString *method = [url substringFromIndex:loc + range.length];
        
        // 转成SEL
        SEL sel = NSSelectorFromString(method);
        [self performSelector:sel withObject:nil];
    }
    return YES;
}

/**
 *  打电话
 */
- (void)call
{
    NSLog(@"call----");
}

/**
 *  打开照相机
 */
- (void)openCamera
{
    NSLog(@"openCamera----");
}

@end

Html代码

<body>
    <p></p>
    <div>
        <button onclick="fn_open_camera();">拍照</button>
    </div>
    <p></p>
    <div>
        <button onclick="fn_call();">打电话</button>
    </div>
<script>
function fn_call() {
    // 调用OC中call方法
    window.location.href = 'jr://call';
}

function fn_open_camera() {
    // 调用OC中openCamera方法
    window.location.href = 'jr://openCamera';
}
</script>
</body>