webview转wkwebview遇到的问题

webview转wkwebview遇到的坑

1､wkwebview里通过新窗品进行ajax的post请求时，cookie参数丢失

解决方案：不创建新wkwebview

2､原生网络请求请求后cookie无法同步到wkwebview

@implementation WKWebView (cookieMgr)

- (void)syncCookies {

NSArray *cookies = [[NSHTTPCookieStorage sharedHTTPCookieStorage] cookies];

if (@available(iOS 11.0, *)) {

WKHTTPCookieStore *cookieStroe = self.configuration.websiteDataStore.httpCookieStore;

if (cookies.count == 0) {

return;

}

for (NSHTTPCookie *cookie in cookies) {

[cookieStroe setCookie:cookie completionHandler:^{

if ([[cookies lastObject] isEqual:cookie]) {

return;

}

}];

}

}else {

for (NSHTTPCookie *ck in cookies) {

NSString *script = [NSString stringWithFormat:@"document.cookie='%@=%@;domain=%@;path=%@; expiresDate=\"%@\";isSecure=%@;sessionOnly=%@'",ck.name,ck.value,ck.domain,(ck.path?:@"/"),ck.expiresDate,(ck.isSecure ? @"TRUE":@"FALSE"),(ck.sessionOnly?@"TRUE":@"FALSE")];

[self evaluateJavaScript:script completionHandler:nil];

}

@end

3､退出登录时，再次登录，部分页面cookie错误

在退出登录时，如果将WKProcessPool单例对象重置，会造成以前打开页面和新打开cookie错误现象

4､关于原生方法调用的问题

webview采用jsexport为原生导出相应方法

wk通过js注入，创建原生对应对象并调用

JS代码示例:

window.uz$q = {

c:[],

flag:true,

};

window.uz$cb = {

fn:{},

id:1,

on:function(cbId, ret, err, del) {

if (this.fn[cbId]) {

this.fn[cbId](ret, err);

if (del) {

delete this.fn[cbId];

}

};

function _onResultCallback(cbId, ret, err, del) {

return function(){

uz$cb.on(cbId, ret, err, del);

}

function onResultCallback(cbId, ret, err, del) {

setTimeout(_onResultCallback(cbId, ret, err, del), 0);

};

window.uz$md = {};

function uz$e(c, m, p, isSync, module){

param = {};

param.cbId = -1; //-1 表示没有回调函数

newP = [];

var str = Object.prototype.toString.call(p);

if (str == "[object Arguments]" && p.length > 0) {

p = Array.from(p);

for (var index = 0; index < p.length;index ++) {

node = p[index];

str = Object.prototype.toString.call(node);

if (str == "[object Function]") {

param.cbId = uz$cb.id ++;

uz$cb.fn[param.cbId] = node;

newP.push(str);

}else {

newP.push(node);

}

param.param = newP;

if (p.length === 1) {

var p0 = p[0];

if (Object.prototype.toString.call(p0) === "[object Object]") {

param = p0;

} else if (typeof p0 === "function") {

param.cbId = uz$cb.id++;

uz$cb.fn[param.cbId] = p0;

}

} else if (p.length === 2) {

var p0 = p[0];

var p1 = p[1];

if (Object.prototype.toString.call(p0) === "[object Object]") {

param = p0;

}

if (typeof p1 === "function") {

param.cbId = uz$cb.id++;

uz$cb.fn[param.cbId] = p1;

}

var message = {};

message.class = c;

message.method = m;

message.param = param;

message.isSync = false;

message.module = module;

window.webkit.messageHandlers.nativeAndroidOrIos.postMessage(message);

};

function uz$shift() {

if (uz$q.c.length > 0) {

uz$q.c.shift();

}

uz$q.flag = true;

};

$object_define_placeholder$; //对象定义点位符

nativeAndroidOrIos.require = function(name, cb) {

var module = uz$md[name];

if (!module && nativeAndroidOrIos.useJavaScriptCore) {

var moduleInfo = nativeAndroidOrIos.getModule({name:name, sync:true});

if (moduleInfo) {

var name = moduleInfo.name;

var className = moduleInfo.class;

var methods = moduleInfo.methods;

var syncMethods = moduleInfo.syncMethods;

uz$md[name] = {};

if (methods && Object.prototype.toString.call(methods) == '[object Array]') {

for (var i=0;i<methods.length;i++) {

(function() {

var method = methods[i];

uz$md[name][method] = function() {

return uz$e(className, method, arguments, false, name);

}

})();

}

if (syncMethods && Object.prototype.toString.call(syncMethods) == '[object Array]') {

for (var i=0;i<syncMethods.length;i++) {

(function() {

var method = syncMethods[i];

uz$md[name][method] = function() {

return uz$e(className, method, arguments, true, name);

}

})();

}

module = uz$md[name];

}

if (module) {

return module;

} else {

if (cb) {

cb('undefined', {code:1,msg:name+' module not found'});

} else {

return null;

}

$method_define_placeholder$; //函数定义占位符

//var uzmeta = window.document.getElementsByTagName("meta");

//for(var i=0;i<uzmeta.length;i++){

// var name = uzmeta[i].getAttribute('name');

// var content = uzmeta[i].getAttribute('content');

// if (name && name=='viewport' && content){

// content = content.replace(/width=\d{1,}/,'width=device-width');

// content = content.replace('width=device-width','width=device-width');

// uzmeta[i].setAttribute('content',content);

// }

//}

//var uzmeta = window.document.getElementsByTagName("meta");

//for(var i=0;i<uzmeta.length;i++) {

// var name = uzmeta[i].getAttribute('name');

// var content = uzmeta[i].getAttribute('content');

// if (name && name=='viewport' && content){

// content = content+',user-scalable=0';

// uzmeta[i].setAttribute('content',content);

// }

//}

document.documentElement.style.webkitTouchCallout = 'none';

document.documentElement.style.webkitUserSelect = 'none';

window.alert = function(arg) {

var msg;

if (arg === null) {

msg = 'null';

} else if (arg === undefined) {

msg = 'undefined';

} else {

msg = arg.toString();

}

nativeAndroidOrIos.alert({

title:'',

msg:msg,

buttons:['好']

});

}

var originalFunc_onerror = window.onerror;

window.onerror = function(message, url, line) {

var param = {};

param.message = message;

param.url = url;

param.line = line;

originalFunc_onerror.apply(window, arguments);

}

function getContentFromArg(arg){

var content;

var args = Array.prototype.slice.call(arg);

if (args.length >= 1) {

if (args[0] === null) {

args[0] = 'null';

}

if (args[0] === undefined) {

args[0] = 'undefined';

}

args[0] = args[0].toString();

}

if (args.length > 1) {

var i = 1;

if (args[0].indexOf('%c') == 0) {

args[0] = args[0].replace(/%c/,'');

i = 2;

}

for (; i<args.length; i++) {

if (/%s|%d|%i|%o/.test(args[0])) {

args[0] = args[0].replace(/%s|%d|%i|%o/, args[i]);

} else {

break;

}

if (i < args.length) {

args[0] = args[0]+' '+args.slice(i).join(' ');

}

content = args[0];

} else if (args.length == 1) {

content = args[0];

} else {

content = '';

}

return content;

}

var originalFunc_log = console.log;

console.log = function() {

var content = getContentFromArg(arguments);

var param = {};

param.method = 'log';

param.content = content;

originalFunc_log.apply(console, arguments);

}

var originalFunc_info = console.info;

console.info = function() {

var content = getContentFromArg(arguments);

var param = {};

param.method = 'info';

param.content = content;

originalFunc_info.apply(console, arguments);

}

var originalFunc_debug = console.debug;

console.debug = function() {

var content = getContentFromArg(arguments);

var param = {};

param.method = 'debug';

param.content = content;

originalFunc_debug.apply(console, arguments);

}

var originalFunc_warn = console.warn;

console.warn = function() {

var content = getContentFromArg(arguments);

var param = {};

param.method = 'warn';

param.content = content;

originalFunc_warn.apply(console, arguments);

}

var originalFunc_error = console.error;

console.error = function() {

var content = getContentFromArg(arguments);

var param = {};

param.method = 'error';

param.content = content;

originalFunc_error.apply(console, arguments);

}

var uzAttempCheckTimes = 0;

function uzCheckApiready() {

if (uzAttempCheckTimes < 50) {

if (typeof(apiready) === 'function') {

apiready();

} else {

uzAttempCheckTimes++;

setTimeout('uzCheckApiready()', 100);

}

uzCheckApiready();

(function(){

var MAX_MOVE = 5;

var SELECTOR = "tapmode";

function uz_addTouchedClass(node, clas) {

if (node && clas) {

var list = clas.split(' ');

for (var i=0;i<list.length;i++) {

var classItem = list[i];

if (uz_isString(classItem) && classItem.length>0) {

node.classList.add(classItem.trim());

}

};

function uz_removeTouchedClass(node) {

if (node && node.clicker) {

var clas = node.clicker.clas;

if (clas) {

var list = clas.split(' ');

for (var i=0;i<list.length;i++) {

var classItem = list[i];

if (uz_isString(classItem) && classItem.length>0) {

node.classList.remove(classItem.trim());

}

};

var Clicker = function(){};

function parseTapmode(){

var nodes = document.querySelectorAll('[' + SELECTOR + ']');

if (nodes) {

for (var i = 0; i < nodes.length; i++) {

var node = nodes[i];

if (!node.uzonclick) {

if (node.onclick) {

node.uzonclick = node.onclick;

node.onclick = null;

node.addEventListener('touchstart', uz_handStart, false);

node.addEventListener('touchmove', uz_handMove, false);

node.addEventListener('touchend', uz_handEnd, false);

node.addEventListener('touchcancel', uz_handCancel, false);

}

};

function uz_isDisabled(e) {

var node = e.currentTarget;

return node.disabled;

};

function uz_isString(str) {

return (typeof str == 'string');

};

function uz_handStart(e) {

if (nativeAndroidOrIos.isScrolling) {

return;

}

if (uz_isDisabled(e)) {

return;

}

var node = e.currentTarget;

var clicker = new Clicker();

clicker.X = e.touches[0].clientX;

clicker.Y = e.touches[0].clientY;

clicker.downTime = e.timeStamp;

var clas = node.getAttribute(SELECTOR);

if (!uz_isString(clas)) {

clas = '';

}

clas = clas.trim();

clicker.clas = clas;

node.clicker = clicker;

uz_addTouchedClass(node, clas);

};

function uz_handMove(e) {

if (uz_isDisabled(e)) {

return;

}

var node = e.currentTarget;

var clicker = node.clicker;

if (!clicker) {

return;

}

var x = e.touches[0].clientX, y = e.touches[0].clientY;

if (Math.abs(x - clicker.X) > MAX_MOVE || Math.abs(y - clicker.Y) > MAX_MOVE) {

uz_reset(node, true);

}

};

function uz_handEnd(e) {

if (uz_isDisabled(e)) {

return;

}

var node = e.currentTarget;

uz_reset(node);

if (!nativeAndroidOrIos.didShowExitAction) {

uz_fire(e, node);

}

};

function uz_handCancel(e) {

var node = e.currentTarget;

uz_reset(node, true);

};

function uz_fire(e, node) {

if (node.uzonclick) {

var clicker = node.clicker;

if (clicker) {

e.preventDefault();

node.uzonclick.call(node, e);

node.clicker = null;

}

};

function uz_reset(node, del) {

uz_removeTouchedClass(node);

if (del) {

node.clicker = null;

}

};

parseTapmode();

})();

STWKUserContentController.m

@interface STWKUserContentController()<WKScriptMessageHandler>

@property (nonatomic,strong) NSMutableDictionary *delegateInstanceMap; //保存代理实例的字典

@end

@implementation STWKUserContentController

- (instancetype)init {

if (self = [super init]) {

_delegateInstanceMap = [NSMutableDictionary dictionary];

[self injectJS];

}

return self;

}

/**

获取一个类的方法列表，并生成js中方法定义

@param classes 原生类名

@param level js中类层次定义，

@return 返回一个类在js中的定义

- (NSString *)methodByClass:(Class)classes level:(NSString *)level {

NSMutableString *result = [NSMutableString string];

unsigned int count;

__unsafe_unretained Protocol **protocolList = class_copyProtocolList(classes, &count);

for (int i = 0;i < count;i++) {

Protocol *protocol = protocolList[i];

unsigned int methodCount = 0;

struct objc_method_description *method_description_list = protocol_copyMethodDescriptionList(protocol, YES, YES, &methodCount);

for (int j = 0; j < methodCount ; j ++)

{

struct objc_method_description description = method_description_list[j];

NSString *name = NSStringFromSelector(description.name);

NSRange range = [name rangeOfString:@":"];

if (NSNotFound != range.location) {

name = [name substringToIndex:range.location ];

}

NSString *str = [NSString stringWithFormat:

@"%@.%@ = function() {\n \

return uz$e('%@', '%@', arguments, false, 'api');\n \

}\n\n",level,name,classes,name];

[result appendString:str];

}

free(method_description_list);

}

free(protocolList);

Method *methods = class_copyMethodList(classes, &count);

for (int i = 0; i < count; i++) {

Method method = methods[i];

SEL selector = method_getName(method);

NSString *name = NSStringFromSelector(selector);

NSRange range = [name rangeOfString:@":"];

if (NSNotFound != range.location) {

name = [name substringToIndex:range.location ];

}

NSString *str = [NSString stringWithFormat:

@"%@.%@ = function() { \

return uz$e('%@', '%@', arguments, false, 'api'); \

}",level,name,classes,name];

[result appendString:str];

}

free(methods);

return result;

}

- (id)nativeInstanceWithLevel:(NSString *)level {

return nil;

}

- (NSArray *)arrayOfInjectClass {

return @[@{@"level":@"window.nativeAndroidOrIos",

@"classes":@"nativeAndroidOrIosContext"},

];

}

//根据类名返回实例对象

- (instancetype)instanceWithClassName:(NSString *)strClass {

id instance = [_delegateInstanceMap objectForKey:strClass];

if ( !instance ) {

Class classes = NSClassFromString(strClass);

instance = [[classes alloc] init];

}

return instance;

}

#pragma mark - js注入 -

- (void)injectJS {

[self addScriptMessageHandler:self name:@"nativeAndroidOrIos"];

NSString *ajs = [[NSBundle bundleForClass:[self class]] pathForResource:@"a" ofType:@"js"];

NSString *jsStr = [NSString stringWithContentsOfFile:ajs encoding:NSUTF8StringEncoding error:nil];

NSMutableString *jsContent = [NSMutableString stringWithString:jsStr];

NSArray *arrays = [self arrayOfInjectClass];

//组合类声明，及函数声明字符串

NSMutableString *strLevel = [NSMutableString string];

NSMutableString *strFuncDef = [NSMutableString string];

for (int i = 0; i < [arrays count];i ++) {

NSString *level = arrays[i][@"level"];

NSString *strCls = arrays[i][@"classes"];

Class classes = NSClassFromString(strCls);

id instance = [[classes alloc] init];

[_delegateInstanceMap setObject:instance forKey:strCls];

[strLevel appendFormat:@"%@={};\n",level];

[strFuncDef appendString:[self methodByClass:classes

level:level]];

}

//替换a.js中，对象声明及函数定义

NSString *stringJavaScript = [jsContent stringByReplacingOccurrencesOfString:@"$object_define_placeholder$;" withString:strLevel];

stringJavaScript = [stringJavaScript stringByReplacingOccurrencesOfString:@"$method_define_placeholder$;" withString:strFuncDef];

WKUserScript *script = [[WKUserScript alloc] initWithSource:stringJavaScript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];

[self addUserScript:script];

WKUserScript * cookieScript = [[WKUserScript alloc] initWithSource: [self readCurrentCookie] injectionTime:WKUserScriptInjectionTimeAtDocumentStart forMainFrameOnly:NO];

[self addUserScript:cookieScript];

}

//读取cookie信息

- (NSString *)readCurrentCookie {

return @"";

NSMutableString *cookieValue = [NSMutableString stringWithFormat:@""];

NSHTTPCookieStorage *cookieJar = [NSHTTPCookieStorage sharedHTTPCookieStorage];

for (NSHTTPCookie *cookie in [cookieJar cookies]) {

[cookieValue appendString:[NSString stringWithFormat:@"document.cookie='%@';",cookie.getCookieString]];

}

return cookieValue;

}

- (void)onResultCallBack:(AndroidIosNativeBase *)target

sign:(NSMethodSignature *)sign

inv:(NSInvocation *)inv {

//获取返回值类型

const char * returnValueType = sign.methodReturnType;

//声明一个返回值变量

__autoreleasing id returnValue; //此处一定要为__autoreleasing否则会crash

BOOL bVoidReture = NO;

NSString *strReturnValue;

//如果没有返回值，也就是消息声明为void，那么returnValue ＝ nil

if (!strcmp(returnValueType, @encode(void))) {

NSLog(@"没有返回值，即返回值类型为void");

returnValue = nil;

bVoidReture = YES;

}else if (!strcmp(returnValueType, @encode(id))){

//如果返回值为对象，那么为变量赋值

NSLog(@"返回值类型为对象");

[inv getReturnValue:&returnValue];

if (!returnValue) {

strReturnValue = @"null";

}

else {

if ([returnValue isKindOfClass:[NSString class]]) {

strReturnValue = returnValue;

}else {

@throw [NSException exceptionWithName:@"返回值异常" reason:@"未转换的返回值类型" userInfo:returnValue];

}

}else {

//如果返回值为普通类型，如NSInteger， NSUInteger ，BOOL等

NSLog(@"返回类型为普通类型");

//首先获取返回值长度

NSUInteger returnValueLenth = sign.methodReturnLength;

//根据长度申请内存

void * retValue = (void *)malloc(returnValueLenth);

//为retValue赋值

[inv getReturnValue:retValue];

if (!strcmp(returnValueType, @encode(BOOL))) {

returnValue = [NSNumber numberWithBool:*((BOOL *)retValue)];

BOOL bRet = returnValue;

strReturnValue = [NSString stringWithFormat:@"%@",(bRet ? @"true":@"false")];

}else if (!strcmp(returnValueType, @encode(NSInteger))){

returnValue = [NSNumber numberWithInteger:*((NSInteger *) retValue)];

strReturnValue = [NSString stringWithFormat:@"%ld",returnValue];

}

//函数有返回值

if (!bVoidReture && [target isKindOfClass:[AndroidIosNativeBase class]]) {

AndroidIosNativeBase *native = (AndroidIosNativeBase *)target;

[native onResultCallBack:@"[Function]" value:strReturnValue];

}

//根据类名，方法名，参数个数查找合适的方法并执行

- (void)nativeOcMethod:(WKWebView *)webView classes:(NSString *)classes method:(NSString *)strMethod args:(id)param {

unsigned int count;

Class classz = NSClassFromString(classes);

Method *methods = class_copyMethodList(classz, &count);

for (int i = 0; i < count; i++) {

Method method = methods[i];

SEL selector = method_getName(method);

NSString *name = NSStringFromSelector(selector);

NSRange range = [name rangeOfString:@":"];

if (NSNotFound != range.location) {

name = [name substringToIndex:range.location ];

}

if ([name isEqualToString:strMethod]) { //找到对应方法名

unsigned int argN = method_getNumberOfArguments(method);

if ([param isKindOfClass:[NSDictionary class]]) {

NSArray *args = [param objectForKey:@"param"];

if (argN - 2 == [args count] ) { //简单判断参数个数相等，则认为是同一方法

id target = [self instanceWithClassName:classes];

if ([target isKindOfClass:[AndroidIosNativeBase class]]) {

((AndroidIosNativeBase *)target).cbId = [[param objectForKey:@"cbId"] integerValue];

((AndroidIosNativeBase *)target).webView = webView;

}

NSMethodSignature *singture = [classz instanceMethodSignatureForSelector:selector];

NSInvocation *invocation = [NSInvocation invocationWithMethodSignature:singture];

[invocation setTarget:target];

[invocation setSelector:selector];

//index从2开始

for (int i = 0;i <[args count];i++) {

id value = args[i];

[invocation setArgument:&value atIndex:i + 2];

}

[invocation retainArguments]; //retain参数防止被dealloc

[invocation invoke];

//取消返回值

//[self onResultCallBack:target sign:singture inv:invocation];

return;

}

NSLog(@"method_getName:%@",name);

}

#pragma mark - WKScriptMessageHandler -

- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {

if ([message.name isEqualToString:@"nativeAndroidOrIos"]) {

if ([message.body isKindOfClass:[NSDictionary class]]) {

NSDictionary *body = message.body;

NSString *method = [body objectForKey:@"method"];

NSString *class = [body objectForKey:@"class"];

NSDictionary *params = [body objectForKey:@"param"];//参数

if ([params isKindOfClass:[NSDictionary class]]) {

[self nativeOcMethod:message.webView classes:class method:method args:params];

}

@end