重点 (十六) : UIWebView/JS

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 205,132评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 87,802评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 151,566评论 0赞 338
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,858评论 1赞 277
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,867评论 5赞 368
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,695评论 1赞 282
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,064评论 3赞 399
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,705评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 42,915评论 1赞 300
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2赞 323
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1赞 333
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,432评论 4赞 322
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,041评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2赞 352
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2赞 343

推荐阅读更多精彩内容

  • UIWebView的知识整理
    UIWebView 什么是UIWebView UIWebView是iOS内置的浏览器控件 系统自带的Safari浏...
    Skywang阅读 716评论 2赞 6
  • iOS开发系列--网络开发
    iOS开发系列--网络开发 概览 大部分应用程序都或多或少会牵扯到网络开发，例如说新浪微博、微信等，这些应用本身可...
    lichengjin阅读 3,637评论 2赞 7
  • iOS UIWebView 的加载
    IOS之UIWebView的使用 刚接触IOS开发1年多，现在对于 混合式 移动端开发越来越流行，因为开发成本上、...
    学无止境666阅读 45,772评论 5赞 53
  • iOS中UIWebView的技能
    http://www.cnblogs.com/mddblog/p/5281748.html 一、整体介绍 UIWe...
    F麦子阅读 1,222评论 0赞 2
  • iOS UIWebView 的加载
    OS之UIWebView的使用 刚接触IOS开发1年多，现在对于 混合式 移动端开发越来越流行，因为开发成本上、速...
    知之未道阅读 1,652评论 0赞 4