Logo

菜单

Administrator
发布于 2016-05-09 / 751 阅读
0

iOS学习巩固笔记-UIWebView/JavaScript

#iOS

写一些平时看书学习iOS的笔记，基础的、进阶的都有，供以后回顾，也可以让刚开始学习的同学学习。

1 UIWebView简介

  • UIWebView是iOS内置的浏览器控件
  • 系统自带的Safari浏览器就是通过UIWebView实现的
  • UIWebView不但能加载远程的网页资源，还能加载绝大部分的常见文件：html、htm、pdf、doc、ppt、txt、mp4等

1.1 UIWebView常用的加载资源的方法

- (void)loadRequest:(NSURLRequest *)request;

1.2 UIWebView常用属性和方法

  • 重新加载（刷新）
    - (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;

1.3 监听UIWebView的加载过程

  • 成为UIWebView的代理，遵守UIWebViewDelegate协议，就能监听UIWebView的加载过程
    - (void)webViewDidStartLoad:(UIWebView *)webView;

  • 请求完毕（加载数据完毕）时调用这个方法
    - (void)webViewDidFinishLoad:(UIWebView *)webView;

  • 请求错误时调用这个方法
    - (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error;

  • UIWebView在发送请求之前，都会调用这个方法，如果返回NO，代表停止加载请求，返回YES，代表允许加载请求
    - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;

2 JavaScript简介

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

2.1 JavaScript的常见作用

给HTML网页添加动态功能，比如响应用户的各种操作
操纵HTML元素，比如添加、删除、修改网页元素

2.2 常见的JavaScript函数

alert(10); //弹框
document.getElementById(‘test’); //根据ID获得某个DOM元素

3 OC中调用JavaScipt

使用UIWebView的stringByEvaluatingJavaScriptFromString方法即可。

3.1 WebView的基本概念

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

3.1.1 代码

网页操控相关方法

  • [self.webView goBack]; //回退
  • [self.webView goForward]; //前进
  • [self.webView reload]; //刷新

设置是否能够前进和回退

  • self.goBackBtn.enabled = webView.canGoBack;
  • self.fowardBtn.enabled = webView.canGoForward;

常用的属性设置

self.webView.scalesPageToFit = YES; //设置网页自动适应

self.webView.dataDetectorTypes = UIDataDetectorTypeAll; //设置检测网页中的格式类型，all表示检测所有类型包括超链接、电话号码、地址等。

  • 可滚动范围
    self.webView.scrollView.contentInset = UIEdgeInsetsMake(50, 0, 0, 0);

  • 代理方法
    每当将加载请求的时候调用该方法，返回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
  • 加载本地资源
NSURL *url = [[NSBundle mainBundle] URLForResource:@"ithome.pdf" withExtension:nil];
[self.webView loadRequest:[NSURLRequest requestWithURL:url]];

3.2 HTML

  1. Html决定网页的内容，css决定网页的样式，js决定网页的事件
  2. html学习网站：W3School

3.2 OC和JS代码的互调

  • OC调用JS的代码
    NSString *str = [self.webView stringByEvaluatingJavaScriptFromString:@"sum()"];

  • JS调用OC的说明

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

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

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

  1. 截取方法的名称
  2. 将截取出来的字符串转换为SEL
  3. 利用performSelect方法来调用SEL
    涉及到的相关方法
//判断字符串是否以一个固定的字符开头，这里为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);
如何屏蔽警告
#pragma clang diagnostic push
#pragma clang diagnostic ignored "
-Warc-performSelector-leaks" 
//-Warc-performSelector-leaks为唯一的警告标识,这里面的代码可以去除警告 
[self performSelector:selector withObject:nil]; #pragma clang diagnostic pop

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

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

  1. performSelector:withObject；
  2. 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 = @"1761237846";
    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. 一般处理方式：
  • app异常闪退，那么捕获crash信息，并记录在本地沙盒中。
  • 当下次用户重新打开app的时候，检查沙盒中是否保存有上次捕获到的crash信息。
  • 如果有那么利用专门的接口发送给服务器，以求在后期版本中修复。
  1. 如何抛出异常
    抛出异常的两种方式:

  • 方式一
    @throw [NSException exceptionWithName:@"程序异常" reason:@"异常原因：数组越界" userInfo:nil];

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

下面这种方法是自动抛出的
[NSException raise:@"抛出异常" format:info,nil];

  1. 如何捕获异常
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 = [exception callStackSymbols];
    NSString *reason = [exception reason];
    NSString *name = [exception name];
    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]];
}

5 补充

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

Markdown基本语法-自学收藏
分享下平时我在Mac平台下的比较好...