重点 (十六) : UIWebView/JS

作者: JonesCxy | 来源:发表于2016-09-20 09:10 被阅读218次

    UIWebView

    什么是UIWebView

    UIWebView是iOS内置的浏览器控件

    系统自带的Safari浏览器就是通过UIWebView实现的

    UIWebView不但能加载远程的网页资源,还能加载绝大部分的常见文件例如:

    html\htm

    pdf、doc、ppt、txt

    mp4

    … …

    UIWebView常用的加载资源的方法

    • (void)loadRequest:(NSURLRequest *)request;
    1.png

    常用属性和方法

    重新加载(刷新)

    (void)reload;

    停止加载

    (void)stopLoading;

    回退

    (void)goBack;

    前进

    (void)goForward;

    需要进行检测的数据类型

    @property(nonatomic)
    UIDataDetectorTypes dataDetectorTypes

    是否能回退

    @property(nonatomic,readonly,getter=canGoBack) BOOL canGoBack;

    是否能前进

    @property(nonatomic,readonly,getter=canGoForward) BOOL canGoForward;

    是否正在加载中

    @property(nonatomic,readonly,getter=isLoading) BOOL loading;

    是否伸缩内容至适应屏幕当前尺寸

    @property(nonatomic) BOOL scalesPageToFit;

    监听UIWebView的加载过程

    成为UIWebView的代理,遵守UIWebViewDelegate协议,就能监听UIWebView的加载过程

    开始发送请求(加载数据)时调用这个方法

    (void)webViewDidStartLoad:(UIWebView *)webView;

    请求完毕(加载数据完毕)时调用这个方法

    (void)webViewDidFinishLoad:(UIWebView *)webView;

    请求错误时调用这个方法

    • (void)webView:(UIWebView
      *)webView didFailLoadWithError:(NSError
      *)error;

    监听UIWebView的加载过程

    UIWebView在发送请求之前,都会调用这个方法,如果返回NO,代表停止加载请求,返回YES,代表允许加载请求

    • (BOOL)webView:(UIWebView
      *)webView shouldStartLoadWithRequest:(NSURLRequest
      *)request navigationType:(UIWebViewNavigationType)navigationType;

    JavaScript

    什么是JavaScript

    JavaScript是一门脚本语言,简称JS

    JS的常见作用有

    给HTML网页添加动态功能,比如响应用户的各种操作

    操纵HTML元素,比如添加、删除、修改网页元素

    常见的JavaScript函数

    alert(10); 弹框

    document.getElementById(‘test’);
    根据ID获得某个DOM元素

    OC中调用JavaScipt

    如何在OC中调用JavaScript代码

    使用UIWebView的stringByEvaluatingJavaScriptFromString方法即可

    ****************************笔记*************************


    1. WebView的基本使用

    1 概念性知识

    01
    webView是有缺点的,会导致内存泄露,而且这个问题是它系统本身的问题。

    02 手机上面的safai其实就是用webView来实现的

    03 现在的开发并不完全是原生的开发,而更加倾向于原生+Html5的方式

    04
    webView是OC代码和html代码之间进行交互的桥梁

    2 代码相关

    网页操控相关方法

    [self.webView goBack]; 回退

    [self.webView goForward]; 前进

    [self.webView reload]; 刷新

    设置是否能够前进和回退

    self.goBackBtn.enabled = webView.canGoBack;

    self.fowardBtn.enabled = webView.canGoForward;

    B常用的属性设置

    设置网页自动适应

    self.webView.scalesPageToFit =YES;

    设置检测网页中的格式类型,all表示检测所有类型包括超链接、电话号码、地址等。

    self.webView.dataDetectorTypes =
    UIDataDetectorTypeAll;

    可滚动范围

    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]];

    2
    HTML

    1.Html决定网页的内容,css决定网页的样式,js决定网页的事件

    2.html学习网站:http://www.w3school.com.cn

    1. OC和JS代码的互调

    01 OC调用JS的代码

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

    02 JS怎么调用OC的说明

    新的需求:点击按钮的时候拨打电话

    但是我在点击按钮的时候,用户是不知道的,我们怎么能够知道用户点击了网页上面的一个按钮,只能通过一个技巧,那就是自己搞一个特定的协议头比如说xmg:当我拦截到你的网络请求的时候,只需要判断一下当前的协议头是不是这个就能判断你现在是否是JS调用。

    OC里面有通过字符串生成SEL类型的方法,所以当拿到数据之后做下面的事情

    1)截取方法的名称

    2)将截取出来的字符串转换为SEL

    3)利用performSelect方法来调用SEL

    03 涉及到的相关方法

    判断字符串是否以一个固定的字符开头,这里为A

    [@"abc"hasPrefix:@"A"]

    截串操作

    • (NSString
      *)substringFromIndex:(NSUInteger)from;

    切割字符串,返回一个数组

    • (NSArray<NSString
      *> *)componentsSeparatedByString:(NSString *)separator;

    替换操作

    • (NSString
      *)stringByReplacingOccurrencesOfString:(NSString *)target withString:(NSString
      *)replacement

    把string包装成SEL

    SEL selector = NSSelectorFromString(sel);

    04 如何屏蔽警告

    pragma

    clang diagnostic push

    pragma clang diagnostic ignored "-Warc-performSelector-leaks"

    -Warc-performSelector-leaks为唯一的警告标识,这里面的代码可以去除警告

    [self performSelector:selector withObject:nil];

    pragma

    clang diagnostic pop

    1. NSInvocation的基本使用(任意调用对象消息方法并可以传N多参数的一个类)

    在iOS中可以直接调用某个对象的消息方式有两种:

    一种是performSelector:withObject;

    再一种就是NSInvocation。

    第一种方式比较简单,能完成简单的调用。但是对于>2个的参数或者有返回值的处理,那就需要做些额外工作才能搞定。那么在这种情况下,我们就可以使用NSInvocation来进行这些相对复杂的操作。

    封装invacation可以调用多个参数的方法

    -(void)invacation

    {

    1.创建一个MethodSignature,签名中保存了方法的名称,参数和返回值
    
    这个方法属于谁,那么就用谁来进行创建
    
    注意:签名一般是用来设置参数和获得返回值的,和方法的调用没有太大的关系
    

    NSMethodSignature *signature = [ViewController
    instanceMethodSignatureForSelector:@selector(callWithNumber:andContext:withStatus:)];

    注意不要写错了方法名称
    

    NSMethodSignature *signature = [ViewController
    methodSignatureForSelector:@selector(call)];

    2.通过MethodSignature来创建一个NSInvocation
    
    NSInvocation中保存了方法所属于的对象|方法名称|参数|返回值等等
    

    NSInvocation *invocation = [NSInvocation
    invocationWithMethodSignature:signature];

    2.1
    

    设置invocation,来调用方法

    invocation.target = self;

    invocation.selector
    

    = @selector(call);

    invocation.selector
    

    = @selector(callWithNumber:);

    invocation.selector = @selector(callWithNumber:andContext:);

    invocation.selector = @selector(callWithNumber:andContext:withStatus:);

    NSString
    

    *number = @"10086";

    NSString *context = @"下课了";

    NSString *status = @"睡觉的时候";

    注意:
    
    1.自定义的参数索引从2开始,0和1已经被self and _cmd占用了
    
    2.方法签名中保存的方法名称必须和调用的名称一致
    

    [invocation setArgument:&number atIndex:2];

    [invocation setArgument:&context atIndex:3];

    [invocation setArgument:&status atIndex:4];

    3.调用invok方法来执行
    

    [invocation invoke];

    }

    1. 异常处理

    01 一般处理方式:

    a.app异常闪退,那么捕获crash信息,并记录在本地沙盒中。

    b.当下次用户重新打开app的时候,检查沙盒中是否保存有上次捕获到的crash信息。

    c.如果有那么利用专门的接口发送给服务器,以求在后期版本中修复。

    02 如何抛出异常

    抛出异常的两种方式

    @throw [NSException exceptionWithName:@"好大一个bug"
    reason:@"异常原因:我也不知道" userInfo:nil];

    方式二

    NSString
    *info = [NSString stringWithFormat:@"%@方法找不到",NSStringFromSelector(aSelector)];

    下面这种方法是自动抛出的

    [NSException
    raise:@"这是一个异常" format:info,nil];

    03 如何捕获异常

    NSSetUncaughtExceptionHandler
    (&UncaughtExceptionHandler);

    void UncaughtExceptionHandler(NSException
    *exception) {

    NSArray *arr = [exception callStackSymbols];得到当前调用栈信息

    NSString *reason = [exception reason];非常重要,就是崩溃的原因

    NSString *name = [exception name];异常类型

    NSString *errorMsg = [NSString stringWithFormat:@"当前调用栈的信息:%@\nCrash的原因:%@\n异常类型:%@\n",arr,reason,name];

    把该信息保存到本地沙盒,下次回传给服务器。
    

    }


    void UncaughtExceptionHandler(NSException *exception) {

    获取异常崩溃信息
    

    NSArray *callStack = [exceptioncallStackSymbols];

    NSString *reason = [exceptionreason];

    NSString *name = [exceptionname];

    NSString*content = [NSString stringWithFormat:@"========异常错误报告========\nname:%@\nreason:\n%@\ncallStackSymbols:\n%@",name,reason,[callStack componentsJoinedByString:@"\n"]];
    
    
    
    
    
    把异常崩溃信息发送至开发者邮件
    
    
    
    
    NSMutableString*mailUrl = [NSMutableString
    

    string];

    [mailUrl appendString:@"mailto:test@qq.com"];
    
    [mailUrl appendString:@"?subject=程序异常崩溃,请配合发送异常报告,谢谢合作!"];
    
    [mailUrl
    

    appendFormat:@"&body=%@",
    content];

     打开地址
    
    NSString*mailPath = [mailUrl stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
    
    [[UIApplication
    

    sharedApplication] openURL:[NSURL URLWithString:mailPath]];

    }

    补充

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

    相关文章

      网友评论

        本文标题:重点 (十六) : UIWebView/JS

        本文链接:https://www.haomeiwen.com/subject/tkznettx.html