从WKWebview在cordova-ios中的数据目录中加载html文件

问题描述

我正在使用cordova-ios应用程序。我的应用程序将从服务器下载zip文件（包含ex：-second_login.html的html文件），然后将其解压缩到数据目录中。成功解压缩后，应用程序应导航至second_login.html。应用程序在带有cordova-ios 5.1.1的UIWebview中运行良好。但是在带有WKWebview的cordova-ios-6.1.0中不起作用。

使用cordova-ios-6.1.0，我成功下载了数据目录并将其解压缩到以下路径。

/var/mobile/Containers/Data/Application/<APPID>/Library/NoCloud/<APP_NAME>//files/www-24862240/second_login.html.

为了加载second_login.html，我正在使用document.location = "<PATH_MENTIONED_ABOVE>"

最初，我们在下载zip文件时遇到了问题（Cookie同步问题），为此，我们使用了cordova-plugin-ios-xhr插件。那么我们就成功下载了zip文件。

请帮助我解决此问题。谢谢

解决方法

经过 2 个月的努力，我们找到了解决我问题的方法。 Native Webkit webview 在 swift 中运行良好。所以我们发现cordova-ios做了一些限制。所以我们在cordovaLib xcode项目中添加了一些方法。

1. 在cordovalib xcode 项目中找到WebviewEngine 文件夹。 (cordovaLib.xcodeproj -> 私有 -> 插件 -> CDVWebviewEngine)

2. 在 allowsBackForwardNavigationGestures 函数之后的 CDVWebViewEngine.h 文件中添加新函数

   - (void)loadFileURL:(CDVInvokedUrlCommand*)command;

3)在 CDVWebViewEngine.m 文件中 defaultResourcePolicyForURL 函数之后添加以下函数

-(void)loadFileURL:(CDVInvokedUrlCommand*)command;
{

NSString* fileurlStr = [command argumentAtIndex:0];
NSString* folderurlStr = [command argumentAtIndex:1];
NSURL *nsURLfile = [NSURL fileURLWithPath:fileurlStr];
NSURL *nsURLfileroot = [NSURL fileURLWithPath:folderurlStr];

NSFileManager* fileManager = [NSFileManager defaultManager];
NSArray* contentOfDirectory = [fileManager contentsOfDirectoryAtPath:folderurlStr error:nil];
int contentCount = [contentOfDirectory count];

int i;
for(i=0;i<contentCount;i++){
NSString* fileName = [contentOfDirectory objectAtIndex:i];
NSString* path = [folderurlStr stringByAppendingFormat:@"%@%@",@"/",fileName];
NSLog(path);
}

if ([fileManager fileExistsAtPath:[nsURLfile path]]){
[(WKWebView*)_engineWebView loadFileURL:nsURLfile allowingReadAccessToURL:nsURLfileroot];
}else{
NSLog(@"file does not exist");
}
}

4. 然后在我们的应用程序 javascript 文件中，使用以下代码导航到下载的包文件。这里的路径是 zip 下载并解压到数据目录位置并使用自定义文件夹名称（在我们的例子中）。

   if(isIOS()){

             var path = cordova.file.dataDirectory + APP_NAME_FOLDER + "/" + localStorage.zipExtractLocation +"/";
   
               var wkPath = path.replace("file://","");
   
            cordova.exec( null,null,'CDVWebViewEngine','loadFileURL',[wkPath+"index.html",wkPath] );
   
            }
   

5. 在 config.xml 中添加以下首选项

<preference name="deployment-target" value="12" />
<preference name="allowFileAccessFromFileURLs" value="true" />