WKWebView、Safari、SFSafariViewController的区别与选取
在iOS 9中,我们有不同的方法来渲染web内容,并且根据具体的需求,开发者可以评估不同的方法,然后选择一个更适合他们的方法。让我们看看开发者可以采用的不同的解决方案。
一、WebView
WebKit是OS X和iOS中Safari背后的架构和渲染引擎。它允许解析和渲染html,加载并显示图片,以及执行JavaScript代码。
UIWebView类在iOS 2中引入,是UIKit的一部分。它现在被广泛地应用,而且已经有相当长的一段时间了。在一个iOS应用中,UIWebView是唯一一个可以嵌入web内容的工具。
在iOS 8上,Apple引入了WKWebView,以代替 iOS 上的UIWebView,以及OS X上的WebView。新的API接口给两个平台带来了完全相同的功能,简化了应用和网页之间的通信流程,同时多进程架构也可以用在Safari上。
WKWebView提供了许多以前只能在 Safari 上使用的特性。它使用硬件加速器和Core Animation提供一个60fps的滚动响应、快速执行JavaScript代码,和像内置在Safari上的滑动后退和缩放的手势。其超越UIWebView的一个主要改进就是简化了应用-网页(app-webpage)间的通信、简化了应用和其 web 内容之间交互和数据是如何进行传递的。
WKWebView很容易实现。这里用Swift语言写的代码证明了这点:
1
2
3
4
5
6
|
let viewFrame = ... //1
let webView = WKWebView.init(frame: viewFrame) //2
let url = NSURL(string: "https://www.invasivecode.com" ) //3
let request = NSURLRequest(URL: url!) //4
webView.loadRequest(request) //5
view.addSubview(webView) //6
|
以下是Objective-C版本:
1
2
3
4
5
6
|
CGRect viewFrame = ... //1
WKWebView *webView = [[WKWebView alloc] initWithFrame:viewFrame]; //2
NSURL *url = [NSURL URLWithString:@ "https://www.invasivecode.com" ]; //3
NSURLRequest *request = [NSURLRequest requestWithURL:url]; //4
[webView loadRequest:request]; //5
[self.view addSubview:webView]; //6
|
下边是以上代码运行出来的效果:
WKWebView是web内容的一个视图,它允许使用Javascript和html渲染。你可以添加自己的返回按钮,前进按钮和进度指示器。在iOS 9中,你可以安全地加载文件的url和数据。
WKWebsiteDataStore在iOS 9和OS X 10.11中引入,是一个新的API,它用于管理一个网站站点存储的数据,例如cookies,它是你网页的WKWebViewConfiguration上的一个可读写的属性。你可以根据类型或者时间来删除数据,例如cookies和缓存,你可以用非持久性数据存储来改变配置。
WKWebView提供了很多特性,如果你有web内容并且需要自定义,你可以用这个工具,使用Javascript参数来实时控制页面。
然而,如果你只是想显示web内容,你既可以用Safari,也可以用SFSafariViewController。让我们来看看这两种方法。
二、Safari
用Safari允许你将渲染 web 内容的任务委托 Safari。这样你就可以比在使用WKWebView时少写些代码了。
要从应用程序里启动Safari的话,你可以调用UIApplication中的openURL:方法,然后iOS会把Safari带到前台,把你的应用程序放到后台。
iOS9上的一个新的特性是允许用户通过一个返回按钮回到你的应用里,这个按钮自动出现在用户界面的左上角上(看下图里的A)。
由于Safari能提供很好的用户体验,这对开发者来说是一个简单的解决方法。下一张图片突出了UI组件(看下图的B和C位置),通过Safari你可以轻松获得这个功能。
这里有一些例子代码向你展示了如何从你的应用里启动Safari,来渲染一些web内容:
Swift
1
2
3
4
|
@IBAction func showWebSite() {
let url = NSURL(string: "https://www.invasivecode.com" )
UIApplication.sharedApplication().openURL(url!)
}
|
这有Objective-C语言写的相同源代码:
1
2
3
4
|
- (IBAction)showWebSite:(id)sender {
NSURL *url = [NSURL URLWithString:@ "https://www.invasivecode.com" ];
[[UIApplication sharedApplication] openURL:url];
}
|
三、Safari View Controller
让我们来看下SFSafariViewController。这个类已经在iOS9里引入了。使用SFSafariViewController,Safari被嵌入到你的应用程序里,用户就不用退出你的应用了。
Safari ViewController消除了干扰,把URL字段转换成只读的(看下图中的D),以及一个完成按钮用以回到你的应用中(看图片上的E)。
这里,有些例子代码展示了通过SafariViewController如何给你的用户提供web内容。
让我们先看看用Swift语言的实现:
1
2
3
4
5
|
@IBAction func showWebSite() {
let url = NSURL(string: "https://www.invasivecode.com" )
let safariVC = SFSafariViewController(URL: url!)
self.showViewController(safariVC, sender: nil)
}
|
现在来看下用Objective-C语言写的相同的实现:
1
2
3
4
5
|
- (IBAction)showWebSite:(id)sender {
NSURL *url = [NSURL URLWithString:@ "https://www.invasivecode.com" ];
SFSafariViewController *safariVC = [[SFSafariViewController alloc] initWithURL:url];
[self showViewController:safariVC sender:nil];
}
|
以上代码的结果和下图的相似:
现在,让我们把你在应用程序中用到的SafariViewController提供的特点分一一分类。
一个熟悉的用户界面
SafariViewController提供了和Safari一样的界面,允许你在应用程序中无缝集成,更尊重你应用的色调。你会发现它有Safari提供的相同的共享方法,用户可以将网页添加到阅读列表里,或者把页面发送给朋友(看下图的F)。此外,开发者也可以添加专用按钮到表单上。
密码、信用卡和联系卡自动填充
SFSafariViewController允许用户安全按地自动填充iCloud钥匙串里的敏感信息和证书。这包括填充密码、信用卡和联系人信息。
用Safari共享的Cookies
Safari和SFSafariViewController共享Cookies,意味着两者间的用户会话和偏好依然存在。比如,如果用户已经用Safari注册或者将他们的密码存在iCloud钥匙串里,授权一个应用程序访问Twitter或者Facebook的时候,将会是一个流畅的用户体验。
Safari阅读器
Safari阅读器按钮将会允许用户显示一个易读版本的网站,供用户选择提供的主题和字体。
Content Blocking(内容阻挡/内容拦截外挂程式)
iOS9开始,任何应用程序可以写一个web内容的描述,用户浏览网页的时候Safari和SafariViewController进行拦截。此外,用户也可以在设置里添加内容拦截元素(Content blocking elements)。那些元素将被拦截,不展示给用户。这意味着应用程序用Safari或者SafariViewController展示的网页内容,将会被用户或者开发者选择的内容拦截元素(Content blocking elements)影响。内容拦截元素(Content blocking elements)可以是网页或者拦截加载的单独的元素,就像页面里的所有的图片和脚本一样。
总结
当在你的应用程序里展示web内容,你可以选择不同的方法,这取决于你的需求。如果你需要修改或操作web内容,iOS8中引入的WKWebView为我们提供了极大的灵活性。在应用程序里启动Safari,会给用户和Safari提供的相同体验,但是你的用户可能不会再回到你的应用程序里。SFSafariViewController像是在你的应用中嵌入了Safari,而且很容易使用。
原博客地址:http://www.cocoachina.com/ios/20160224/15369.html
WKWebView、Safari、SFSafariViewController的区别与选取相关推荐
- WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt
主要内容 Safari调试 swift/OC与JS互调 增加加载进度条 支持JS中alert.confirm.prompt Safari调试 设置 -> safari --> 高级,开启J ...
- ios 用浏览器打开html,iOS开发:调起Safari浏览器打开Url(对中文等特殊字符进行处理)...
开发语言:Swift 开发生态:iOS 本人Android 小白一枚~ 这里以调起百度网页为例. 先对中文等特殊字符进行处理 let urlString = "https://www.bai ...
- Mac新手使用技巧——Safari浏览器
Safari浏览器是Mac OS系统自带的一款浏览器,浏览器是使用的很频繁的一个软件,那么你需要掌握一些必要的 SafAIr 浏览器操作技巧. 一.网页上的功能在 Mac 上的 Safari 浏览器中 ...
- python中Pandas之DataFrame索引、选取数据
目录 1.索引是什么 1.1 认识索引 1.2 自定义索引 2. 索引的简单使用 2.1 列索引 2.1.2 使用loc和iloc 2.2 行索引 2.2.1 使用[ : ] 2.2.2 使用.loc ...
- iOS 获取WKWebView内容高度做H5原生连接
前言:是这样的,刚写完上一篇文章还没缓过神来,上一篇文章我还提到了,想和大家聊聊原生+H5如何无缝连接的故事.结果我朋友就给我发了两篇他的作品.他的做法也都有独到之处.好的文章都是这样,让你每次看都能 ...
- 无法在 Safari 浏览器中打开网站如何解决?
无法打开网页.Safari浏览器找不到服务器?相信很多人都有遇到过这样的情况,下面我们来分享无法在 Safari 浏览器中打开网站的解决方法. 1.检查页面无法打开时出现的信息.这可能会建议解决问题的 ...
- 在苹果Mac上的Safari浏览器中如何阻止跨站跟踪?
在 Mac 上的 Safari 浏览器中阻止跨站跟踪 部分网站使用第三方内容提供商.用户可以让第三方内容提供商停止跨网站跟踪用户以提供产品和服务广告. 1.在 Mac 上的 Safari 浏览器 Ap ...
- safari无法打开网页是什么原因?mac上的Safari浏览器打不开网页怎么办?
只要是MacOS系统的都会附带一个Safari浏览器,完美兼容Mac.PC 及 iPod touch.iPhone.iPad,功能和性能自然是不错的,但是也会出现如safari浏览器无法打开网页的情况 ...
- 如何在Mac上的 Safari 浏览器中阻止弹出式窗口?
当我们使用Mac电脑上的safari浏览器访问网站时,发现有些网站会有很多弹出式窗口或不必要的内容会出现在浏览器中.为了节省流量和时间,可以在Safari浏览器设置阻止弹出式的窗口.那我们该如何设置呢 ...
最新文章
- Java知多少(29)覆盖和重载
- 英特尔反驳质疑:芯片供应充足、10nm量产没问题
- docker 占用磁盘空间清理 无用数据卷删除
- 华为设备的初始密码是多少?
- 注解方式使用 Redis 缓存
- 使用jMeter构造大量并发HTTP请求进行微服务性能测试
- c语言汇编混合编程方法,C语言和汇编语言混合编程方法
- java正则 转义_java – 正则表达式和转义和未转义的分隔符
- 锁——死锁——单个锁锁死
- UI设计教程学习分享:APP布局
- 操作系统与软件工程学习笔记
- 一个月攻克托业--复旦大学考生
- 电线电缆材料stru结构检测知识大全
- 对大众点评网会员制的一点分析
- Java HotSpot(TM) 64-Bit Server VM warning: CodeCache is full. Compiler has been disabled
- 如何从哈斯图判断一个偏序集是不是格?
- R软件和RStudio的入门介绍
- @mpx/cli 脚手架源码解析
- Linux配置拨号服务器
- camera face