iOS-PAWebVIew基于WKWebView封装的框架

最新推荐文章于 2024-06-24 09:38:24 发布

llyouss

最新推荐文章于 2024-06-24 09:38:24 发布

阅读量3.5k

点赞数 2

分类专栏： WKWebView 文章标签： WKWebView PAWebView UIWebView WebKit iOS

本文链接：https://blog.csdn.net/llyouss/article/details/79019104

版权

WKWebView 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

PAWebView

PAWebView 之 cookie 管理与同步；

PAWebView 之长按手势；

PAWebView 之POST请求；

一. 前言

HybirdApp极速业扩展，低成本，高效率，跨平台，灵活易用，规避审核等特性深受各种平台青睐，尤其最近几年流行的响应式设计，HybirdApp都发挥淋漓尽致。如淘宝、美团、支付宝、微信都使用HybirdApp的开发模式来极速扩展业务，如支付宝和微信的支付业务、公众号、城市服务等。

HybirdApp开发主要框架有WKWebVie、UIWebView。

二. WKWebVIew介绍

UIWebView自iOS2推出，但该框架存在笨重臃肿，内存占用过高，加载速度慢等诟病，iOS8苹果公司推出WKWebView代替UIWebView。目前的iOS版本兼容基本已经抛弃了iOS7，WKWebView的优势越发明显。

1. WKWebView特点

优点：

高性能，60fps的滚动刷新贞率，页面加载速度有所提升
低内存，内存占用为UIWebView的1/4～1/3
稳定，长期使用性能指标基本稳定
易用，messageHandler的应用，丰富的手势识别，进度条监听(estimatedProgress)等新功能
WKNavigationDelegate代理功能的细化。
与Safari相同的JavaScript引擎
支持更多的HTML5特性

缺点：

iOS9之前不支持页面缓存管理
无法发送post请求
NSProtocal的重写与WKNavigationDelegate冲突
版本迭代

2. WKWebView结构

三. PAWebView封装

PAWebView是基于WKWebView的封装，实现了JS+Native的调用，常见的网页和客户端处理，支持的系统iOS8以上以上。

github下载请点击这里。

架构导图

1. cookies的同步

iOS11之前通过NSURLRequest手动插入cookies，其需分别兼容PHP和JS两种网页。

iOS11推出WKHTTPCookieStore，其与NSHTTPCookieStorage的机制类似。

磁盘独立缓存WKWebView访问产生的或手动插入的cookies，当需同步cookies时，PAWebView将分别同步了磁盘和NSHTTPCookieStorage的cookies。

2. Native与JS交互

JS通过WKScriptMessageHandler协议调用Native，WKScriptMessageHandler的使用非常的简单易用。
OC通过脚本注入的方式调用JS（evaluateJavaScript）。

3. 兼容POST请求

重写loadRequest方法。

4. 缓存管理

NSURLRequest设置缓存策略NSURLRequestCachePolicy。
Cookies的缓存。
缓存的清除。

5. 手势功能

通过简本注入的方式处理网页元素。
抓取网页图片
识别二维码
抓取网页元素链接
抓取文本信息

6.清空 BackForwardList 列表

按需求清空 backForwardList

四. PAWebView使用

PAWebView demo下载地址http://download.csdn.net/download/llyouss/10197978

1. 导入PAWebView

#import "PAWebView.h"

2. 使用vc加载网页

 //初始化单例
 PAWebView *webView = [PAWebView shareInstance];

 //加载网页
 [webView loadRequestURL:[NSMutableURLRequest requestWithURL:[NSURL URLWithString:@"https://www.sina.cn"] cachePolicy:NSURLRequestReloadIgnoringLocalCacheData timeoutInterval:20.0f]];

3. 刷新网页


/** 重新加载webview */
- (void)reload;

/** 重新加载网页,忽略缓存 */
- (void)reloadFromOrigin;

4. cookies管理

/**
  提供cookies插入，用于loadRequest 网页之前

 @param cookie NSHTTPCookie 类型
  cookie 需要设置 cookie 的name，value，domain，expiresDate（过期时间，当不设置过期时间，cookie将不会自动清除）；
  cookie 设置expiresDate时使用 [cookieProperties setObject:expiresDate forKey:NSHTTPCookieExpires];将不起作用，原因不明；使用 cookieProperties[expiresDate] = expiresDate; 设置cookies 设置时间。
 */
- (void)setCookie:(NSHTTPCookie *)cookie;


/**
  读取本地磁盘的cookies，包括WKWebview的cookies和sharedHTTPCookieStorage存储的cookies

 @return 返回包含所有的cookies的数组；
 当系统低于 iOS11 时，cookies 将同步NSHTTPCookieStorage的cookies，当系统大于iOS11时，cookies 将同步
 */
- (NSMutableArray *)WKSharedHTTPCookieStorage;

/** 删除单个cookie */
- (void)deleteWKCookie:(NSHTTPCookie *)cookie completionHandler:(nullable void (^)(void))completionHandler;


/** 删除域名下的所有的cookie */
- (void)deleteWKCookiesByHost:(NSURL *)host completionHandler:(nullable void (^)(void))completionHandler;


/** 清除所有的cookies */
- (void)clearWKCookies;

5. 添加JS调用Native的交互事件

 方式一：block形式
/* messageHander实现JS调用Native */
- (void)addMessageHander
{
   //注入交互事件，实现 PAWKScriptMessageHandler 代理
    [webView addScriptMessageHandlerWithName:@[@"AliPay",@"weixin"]];

   //通过block的形式实现
    [webView addScriptMessageHandlerWithName:@[@"AliPay",@"weixin"] observeValue:^(WKUserContentController *userContentController, WKScriptMessage *message) {
    
       //JS调用OC处理
       NSLog(@"name:%@;body:%@",message.name,message.body);
    }];
}

方式二：代理形式

/* 实现 PAWKScriptMessageHandler 代理 */
- (void)PAUserContentController: (WKUserContentController *) userContentController  didReceiveScriptMessage:(WKScriptMessage *)message{

       //JS调用OC处理 
        NSLog(@"name:%@;body:%@",message.name,message.body);
}

6. Native调用JS

 
 //方式一、
   [[PAWebView shareInstance] callJS:@"alert('调用JS成功')"];
 //方式二、
   [[PAWebView shareInstance] callJS:@"alert('调用JS成功')" handler:^(id response, NSError *error) {
        NSLog(@"调用js回调事件");
   }];

7. 监听二维码的识别数据

 //二维码识别后返回的二维码数据
   [webView notificationInfoFromQRCode:^(NSString *info) {  
        NSLog(@"二维码数据:%@",info);   
    }];

8. 缓存管理

/** 清除所有的cookies */
- (void)clearWKCookies;

/** 清除所有缓存（cookie除外） */
- (void)clearWebCacheFinish:(void(^)(BOOL finish,NSError *error))block;

//PAWebView 缓存沿用了 NSURLRequest 的缓存机制，用户可以自定义设置；

typedef NS_ENUM(NSUInteger, NSURLRequestCachePolicy)
{
    NSURLRequestUseProtocolCachePolicy = 0, //默认的缓存策略

    NSURLRequestReloadIgnoringLocalCacheData = 1, //忽略缓存，从服务端加载数据；
    NSURLRequestReloadIgnoringLocalAndRemoteCacheData = 4, // Unimplemented
    NSURLRequestReloadIgnoringCacheData = NSURLRequestReloadIgnoringLocalCacheData,

    NSURLRequestReturnCacheDataElseLoad = 2,
    NSURLRequestReturnCacheDataDontLoad = 3,

    NSURLRequestReloadRevalidatingCacheData = 5, // Unimplemented
};

PAWebView 实现过程请查看 demo ，下载地址：http://download.csdn.net/download/llyouss/10197978

github: https://github.com/llyouss/PAWeView