WebView的基本使用

一: WebView的基本使用

#######1.1 概念性知识

• 01 webView是有缺点的，会导致内存泄露，而且这个问题是它系统本身的问题。
• 02 手机上面的safai其实就是用webView来实现的
• 03 现在的开发并不完全是原生的开发，而更加倾向于原生+Html5的方式
• 04 webView是OC代码和html代码之间进行交互的桥梁

#######1.2 代码相关

/*A*网页操控相关方法**/
    [self.webView goBack];      回退
    [self.webView goForward];   前进
    [self.webView reload];      刷新

    //设置是否能够前进和回退
    self.goBackBtn.enabled = webView.canGoBack;
    self.fowardBtn.enabled = webView.canGoForward;

/*B*常用的属性设置**/
    self.webView.scalesPageToFit = YES; 设置网页自动适应
    self.webView.dataDetectorTypes = UIDataDetectorTypeAll; 设置检测网页中的格式类型，all表示检测所有类型包括超链接、电话号码、地址等。
    self.webView.scrollView.contentInset = UIEdgeInsetsMake(50, 0, 0, 0);

/*C*相关代理方法**/
    //每当将加载请求的时候调用该方法，返回YES 表示加载该请求，返回NO 表示不加载该请求
    //可以在该方法中拦截请求
    -(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
    {
        return ![request.URL.absoluteString containsString:@"dushu"];
    }

    //开始加载网页，不仅监听我们指定的请求，还会监听内部发送的请求
    -(void)webViewDidStartLoad:(UIWebView *)webView

    //网页加载完毕之后会调用该方法
    -(void)webViewDidFinishLoad:(UIWebView *)webView

    //网页加载失败调用该方法
    -(void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error

/*D*其它知识点-加载本地资源**/
    NSURL *url = [[NSBundle mainBundle] URLForResource:@"text.html" withExtension:nil];
    [self.webView loadRequest:[NSURLRequest requestWithURL:url]];

二: HTML

1.Html决定网页的内容，css决定网页的样式，js决定网页的事件
2.html学习网站：http://www.w3school.com.cn

三: OC和JS代码的互调

#######3.1 OC调用JS的代码

NSString *str = [self.webView stringByEvaluatingJavaScriptFromString:@"sum()"];

#######3.2 JS怎么调用OC的说明
新的需求：点击按钮的时候拨打电话
但是我在点击按钮的时候，用户是不知道的，我们怎么能够知道用户点击了网页上面的一个按钮，只能通过一个技巧，那就是自己搞一个特定的协议头比如说zxz://,当我拦截到你的网络请求的时候，只需要判断一下当前的协议头是不是这个就能判断你现在是否是JS调用。
OC里面有通过字符串生成SEL类型的方法，所以当拿到数据之后做下面的事情

    1）截取方法的名称
    2）将截取出来的字符串转换为SEL
    3）利用performSelect方法来调用SEL

#######3.3 涉及到的相关方法

   [@"abc" hasPrefix:@"A"] //判断字符串是否以一个固定的字符开头，这里为A
    //截串操作
    - (NSString *)substringFromIndex:(NSUInteger)from;
    //切割字符串，返回一个数组
    - (NSArray<NSString *> *)componentsSeparatedByString:(NSString *)separator;
    //替换操作
    - (NSString *)stringByReplacingOccurrencesOfString:(NSString *)target withString:(NSString *)replacement
    //把string包装成SEL

    SEL selector = NSSelectorFromString(sel);

#######3.4 如何屏蔽警告

   #pragma clang diagnostic push
    #pragma clang diagnostic ignored "-Warc-performSelector-leaks"
            //-Warc-performSelector-leaks为唯一的警告标识
            [self performSelector:selector withObject:nil];
    #pragma clang diagnostic pop

关于JS相关的学习框架：WebViewJavascriptBridge