CHWebView

点击下载 github 地址

CHWebView 是一个基于 OC 代码实现的 WebView 轻量级组件,适配 UIWebView 和 WKWebView 的 API 封装成统一的类去使用,并且在加载网页的时候提供进度条,同时简化 JS 与 OC 调用的方式。

demo 下载

121

功能

自如的切换 WKWebView 以及 UIWebView 的使用
提供了网页加载进度条
利用一行代码实现 JS 与 OC 和 Android 的交互
提供基类控制器方便快捷的加载网页

安装

目前支持 POD 安装,或者可以实现下载 project 将 CHWebView 文件夹拖入你的工程中

pod 'CHWebView'

要求

iOS 8.0+,
Xcode 7.3 or above
JavascriptCore
WebKit

CHWebView 初始化

 CHWebView *webView = [[CHWebView alloc]initWithFrame:rect]; [webView loadRequest:self.request]; webView.delegate = self; [self.view addSubview:webView];

如果你想使用 UIWebView,调用一下方法

- ( instancetype)initWithUIWebView; - ( instancetype)initWithUIWebView : (CGRect)frame;

也可以通过 CHWebViewController 初始化

- (instancetype)initWithURL : (NSString *)url; - (instancetype)initWithFile : (NSString *)url;

JS 调用 OC 代码

OC 代码的实现需要注册名称和注册方法接收的对象,如果继承 CHWebViewController 则只需要实现注册名称,Controller 默认为接收对象。

- (NSArray<NSString *> *)registerJavascriptName{ return @[@"fetchMessage",@"show"]; } - (NSObject *)registerJavascriptHandler{ return self; } - (void)fetchMessage : (NSDictionary *)dic{ } - (void)show : (NSDictionary *)dic{ }

JS 代码的实现,在 js 的函数中通过使用 NativeBridge 这样一个对象(web 加载完之后自动注入)给 Native 发送消息,NativeBridge({name},{parameter})name 是指注册函数名,parameter 是指传入的参数.

 function nativeFounction() { var obj = { 'message' : 'Hello, JS!', 'numbers' : [ 1, 2, 3 ] }; window.NativeBridge('fetchMessage',obj) } function showUIFuction(){ window.NativeBridge('show') }

Object-C 调用 JS

- (void)invokeJavascript : (NSString *)function; - (void)invokeJavascript : (NSString *)function completionHandler : (void (^)( id, NSError * error))completionHandler;