前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS学习巩固笔记-UIWebView/JavaScript

iOS学习巩固笔记-UIWebView/JavaScript

作者头像
timhbw
发布2018-05-03 11:23:31
1.2K0
发布2018-05-03 11:23:31
举报
文章被收录于专栏:Timhbw博客Timhbw博客

2016-05-0908:24:25 发表评论 0℃热度

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

iOS学习巩固笔记-UIWebView/JavaScript
iOS学习巩固笔记-UIWebView/JavaScript

1 UIWebView简介

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

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

代码语言:javascript
复制
- (void)loadRequest:(NSURLRequest *)request;

1.2 UIWebView常用属性和方法

  • 重新加载(刷新)
代码语言:javascript
复制
- (void)reload;
  • 停止加载
代码语言:javascript
复制
- (void)stopLoading;
  • 回退
代码语言:javascript
复制
- (void)goBack;
  • 前进
代码语言:javascript
复制
- (void)goForward;
  • 需要进行检测的数据类型
代码语言:javascript
复制
@property(nonatomic) UIDataDetectorTypes dataDetectorTypes
  • 是否能回退
代码语言:javascript
复制
@property(nonatomic,readonly,getter=canGoBack) BOOL canGoBack;
  • 是否能前进
代码语言:javascript
复制
@property(nonatomic,readonly,getter=canGoForward) BOOL canGoForward;
  • 是否正在加载中
代码语言:javascript
复制
@property(nonatomic,readonly,getter=isLoading) BOOL loading;
  • 是否伸缩内容至适应屏幕当前尺寸
代码语言:javascript
复制
@property(nonatomic) BOOL scalesPageToFit;

1.3 监听UIWebView的加载过程

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

代码语言:javascript
复制
- (void)webViewDidStartLoad:(UIWebView *)webView;

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

代码语言:javascript
复制
- (void)webViewDidFinishLoad:(UIWebView *)webView;

请求错误时调用这个方法

代码语言:javascript
复制
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error;

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

代码语言:javascript
复制
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;

2 JavaScript简介

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

2.1 JavaScript的常见作用

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

2.2 常见的JavaScript函数

代码语言:javascript
复制
alert(10);   //弹框
document.getElementById(‘test’);  //根据ID获得某个DOM元素

3 OC中调用JavaScipt

使用UIWebView的stringByEvaluatingJavaScriptFromString方法即可。

3.1 WebView的基本概念

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

3.1.1 代码

  • 网页操控相关方法
代码语言:javascript
复制
[self.webView goBack];     //回退
[self.webView goForward];   //前进
[self.webView reload];      //刷新
  • 设置是否能够前进和回退
代码语言:javascript
复制
self.goBackBtn.enabled = webView.canGoBack;
self.fowardBtn.enabled = webView.canGoForward;
  • 常用的属性设置
代码语言:javascript
复制
//设置网页自动适应
self.webView.scalesPageToFit = YES;

//设置检测网页中的格式类型,all表示检测所有类型包括超链接、电话号码、地址等。
self.webView.dataDetectorTypes = UIDataDetectorTypeAll;
  • 可滚动范围
代码语言:javascript
复制
self.webView.scrollView.contentInset = UIEdgeInsetsMake(50, 0, 0, 0);
  • 代理方法

每当将加载请求的时候调用该方法,返回YES 表示加载该请求,返回NO 表示不加载该请求

代码语言:javascript
复制
//可以在该方法中拦截请求
-(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
  • 加载本地资源
代码语言:javascript
复制
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的代码
代码语言:javascript
复制
NSString *str = [self.webView stringByEvaluatingJavaScriptFromString:@"sum()"];
  • JS调用OC的说明

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

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

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

  1. 截取方法的名称
  2. 将截取出来的字符串转换为SEL
  3. 利用performSelect方法来调用SEL
  • 涉及到的相关方法
代码语言:javascript
复制
//判断字符串是否以一个固定的字符开头,这里为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);
  • 如何屏蔽警告
代码语言:javascript
复制
#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可以调用多个参数的方法

代码语言:javascript
复制
-(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信息。
  • 如果有那么利用专门的接口发送给服务器,以求在后期版本中修复。

2.如何抛出异常

  • 抛出异常的两种方式

方式一

代码语言:javascript
复制
@throw  [NSException exceptionWithName:@"程序异常" reason:@"异常原因:数组越界" userInfo:nil];

方式二

代码语言:javascript
复制
NSString *info = [NSString stringWithFormat:@"%@找不到方法",NSStringFromSelector(aSelector)];

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

代码语言:javascript
复制
[NSException raise:@"抛出异常" format:info,nil];

3.如何捕获异常

代码语言:javascript
复制
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
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-05-090,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1 UIWebView简介
    • 1.1 UIWebView常用的加载资源的方法
      • 1.2 UIWebView常用属性和方法
        • 1.3 监听UIWebView的加载过程
        • 2 JavaScript简介
          • 2.1 JavaScript的常见作用
            • 2.2 常见的JavaScript函数
            • 3 OC中调用JavaScipt
              • 3.1 WebView的基本概念
                • 3.1.1 代码
                  • 3.2 OC和JS代码的互调
                  • 4 NSInvocation的基本使用(任意调用对象消息方法并可以传N多参数的一个类)
                  • 异常处理
                  • 5 补充
                  领券
                  问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档