跳转网页的方法介绍

1.为什么要跳转网页?
点击UICollectionView的cell我们发现跳转到了网页

2.在以后开发中,怎么判断一个界面是不是网页?
2.1根据服务器返回的数据如果是网页会有网页的url
2.2根据界面的一些图标,或者是根据响应速度,如果是自己设计的界面跳转会很流畅很快

3.怎么跳转到网页
3.1 openURL
openURl(safari) 好处:有很多功能(前进,后退,刷新,进度条,地址栏) 弊端:必须要离开当前app
3.2 UIWebView 好处:当前app展示网页弊端:没有功能
3.3 WKWebView:UIVebView的升级版 ios8

     优点: "1)性能提升：将浏览器内核渲染进程提取出 App，由系统进行统一管理，这减少了相当一部分的性能损失。

                "2)允许JavaScript的Nitro库加载并使用（UIWebView中限制）
                "3)支持了更多的HTML5特性
                "4)高达60fps的滚动刷新率
                "5)提供了内置手势探测
                "6)可以监听网页加载进度
       弊端:没有功能
               目前在7.3版本的XCode控件库中还找不到WKWebView控件，也就是说如果想要使用该控件，则只能通过代码的方式来创建。
               需要包含WebKit框架

3.4 iOS9:SFSafariViewController(展示网页),在当前app展示网页,并且有safari所有功能
缺点: 必须要导入SafariServices/SafariServices.h 只有ios9或ios9以上的用户才能用
3.4.1基本使用:
> XTSquareItem *item = _squares[indexPath.row];
判断是否是url不是就返回
if (![item.url containsString:@"http"]) return;

     NSURL *url = [NSURL URLWithString:item.url];

     SFSafariViewController *safariVc = [[SFSafariViewController alloc] initWithURL:url];
     [self.navigationController pushViewController:safariVc animated:YES];

3.4.2跳转过去后发现地址栏被导航条挡住了怎么解决?
隐藏该导航控制器下的所有导航条写在点击cell的时候调用的代理方法里面
> self.navigationController.navigationBarHidden = YES;

3.4.3还发现我们不能返回了,左上角有一个done按钮, 怎么返回?
我们去SFSafariViewController头文件去搜索done 看有没有方法监听这个按钮的点击我们发现下面这个代理方法
还发现敲代理方法的时候,说明done这个会dismiss掉Safari view 那么SFSafariViewController应该是modal出来的

       #pragma mark - SFSafariViewControllerDelegate
 - (void)safariViewControllerDidFinish:(SFSafariViewController *)controller
 {
     [self.navigationController popViewControllerAnimated:YES];
     self.navigationController.navigationBarHidden = NO;    显示导航条
 }

3.4.4跳转之后返回发现本界面也没有导航条了怎么解决?
在上面的代理方法里面把隐藏导航条取消
3.4.5把 SFSafariViewController modal出来我们就可以点击done 不设置代理返回吗?
验证我们的猜测是对的
> [self presentViewController:safariVc animated:YES completion:nil];
.
4.需求:必须在当前app展示网页,但是也想要有safari功能(自己实现),UIWebView实现不了进度条功能
4.1 一般情况下我们看到的UIWebView的进度条都是假象
4.2 WKWebView 和 UIWebView 的使用基本上是一样的
4.3 我们使用 WKWebView来实现

5.用WKWebView怎么实现点击cell跳转到网页
5.1 根据项目需求,跳转后的界面由三部分组成
1.网页界面用WKWebView搭建 (要先设置占位视图,然后把WKWebView添加到展位视图里面,避免挡住底部工具条)
2. 底部的工具条用 Toolbar 控件搭建里面的按钮用UIBarButtonItem搭建
注意:按钮之间的间距我们要用一个Flexible Space(弹簧)来弹开
3.上面的地址栏我们就用导航条来替换
4.界面固定,可以用xib来描述
5.创建一个控制器来管理xib的业务逻辑
5.2 怎么实现点击cell跳转网页?
点击cell的时候,把WKWebView所在的控制器push出来就可以了
注意:
5.3 WKWebView的基本使用
1 创建WKWebView对象
2 加载网页
> // 创建WebView
WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
// 加载网页
NSURLRequest *request = [NSURLRequest requestWithURL:_url];
[webView loadRequest:request];

前进后退刷新进度条功能实现怎么实现?
去WKWebView头文件里找相关的属性和方法(搜索相关方法或属性名)
找到一些可用的方法和属性,而且还看到关于属性的用法用kvo实现
@property (nullable, nonatomic, readonly, copy) NSString *title;
@property (nullable, nonatomic, readonly, copy) NSURL *URL;
@property (nonatomic, readonly) double estimatedProgress;
@property (nonatomic, readonly) BOOL canGoBack;
@property (nonatomic, readonly) BOOL canGoForward;
- (nullable WKNavigation *)goBack;
- (nullable WKNavigation *)goForward;
- (nullable WKNavigation *)reload;
4.kvo怎么使用?有哪些注意点?
给需要监听的属性添加观察者,然后实现代理方法就可以了
KVO作用:监听属性改变
Observer:观察者
KeyPath:属性
- (void)addObserver:(NSObject *)observer forKeyPath:(NSString *)keyPath options:(NSKeyValueObservingOptions)options
context:(nullable void *)context;

KVO使用注意点:当对象销毁的时候,一定要记得移除观察者
5.代理方法是什么? 怎么找?
找到kvo的方法(上面的那个方法),看一下苹果的介绍,里面有说明怎么用
查看说明的方法就是点击一下方法再按住option 会出现一个?号点击就可以查看里面有需要实现的代理方法

跳转网页的方法介绍

你可能感兴趣的:(跳转网页的方法介绍)