iOS开发 与H5进行交互

1. H5调用 iOS

调用

          window.location.href = 'TS://phone';

接收

- (BOOL)webView:(nonnull UIWebView *)webView shouldStartLoadWithRequest:(nonnull NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
    
    NSString *url = request.URL.absoluteString;
    NSRange range = [url rangeOfString:@"TS://"];
    NSUInteger location = range.location;
//    xmg://openCamera
    if (location != NSNotFound) {
        NSString *str = [url substringFromIndex:location + range.length];
        NSLog(@"%@", str);
        SEL sel = NSSelectorFromString(str);
        [self performSelector:sel withObject:nil];
    }
    
    return YES;
}

2. iOS调用 H5

• 直接 load

• 通过 JS

    NSString *str2 =@"document.getElementById('footer').remove();";
    [webView stringByEvaluatingJavaScriptFromString:str2];

3. 发消息

      window.webkit.messageHandlers.AppModel.postMessage({body: response});

4. 参数

    NSString *offerId = [NSString getIdFromUrlParams:abString andCode:@"offerId"];

5. 上一段代码

$(function(){
        $(".btn_share").click(function() {
            var is_app = "";

            //这里直接和android与ios交互
            if(is_app == 'android'){
                var r = "{\"body\":'shareAction'}";
                window.APPmai.get_id(r);
            }else if(is_app == 'ios'){
                window.webkit.messageHandlers.APPmodel.postMessage({body:'shareAction'});
            }else{
                alert("请用android或ios打开");
            }
        });
    })

6. 判断设备类型(JS)

设备类型判断的测试url

    function browserRedirect() {
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
        document.writeln("您的浏览设备为：");
        if (  bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
            document.writeln("android 类似以及其他设备");
        }
        else  if (bIsIpad )
        {
            document.writeln("ipad");
        }
        else  if (bIsIphoneOs )
        {
            document.writeln("iphone");
        }
        else {
            document.writeln("pc");
        }
    }

    browserRedirect();