O WKWebView não carrega arquivos locais no iOS 8

Para anteriores iOS 8 betas, carregar um aplicativo web local (em Bundle) e funciona bem para ambos UIWebViewe WKWebView, e eu até portado um jogo web usando a nova WKWebViewAPI.

var url = NSURL(fileURLWithPath:NSBundle.mainBundle().pathForResource("car", ofType:"html"))

webView = WKWebView(frame:view.frame)
webView!.loadRequest(NSURLRequest(URL:url))

view.addSubview(webView)

Mas na versão beta 4, recebi uma tela branca em branco ( UIWebViewainda funciona), parece que nada foi carregado ou executado. Eu vi um erro no log:

Não foi possível criar uma extensão de sandbox para /

Alguma ajuda para me guiar na direção certa? Obrigado!

Eles finalmente resolveram o bug! Agora podemos usar -[WKWebView loadFileURL:allowingReadAccessToURL:]. Aparentemente, a correção valeu alguns segundos no vídeo 504 da WWDC 2015.

Para iOS8 ~ iOS10 (Swift 3)

Como a resposta de Dan Fabulish afirma, este é um bug do WKWebView que aparentemente não está sendo resolvido tão cedo e, como ele disse, há uma solução alternativa :)

Estou respondendo apenas porque queria mostrar a solução aqui. O código IMO mostrado em https://github.com/shazron/WKWebViewFIleUrlTest está cheio de detalhes não relacionados nos quais a maioria das pessoas provavelmente não está interessada.

A solução alternativa é 20 linhas de código, tratamento de erros e comentários incluídos, sem a necessidade de um servidor :)

func fileURLForBuggyWKWebView8(fileURL: URL) throws -> URL {
    // Some safety checks
    if !fileURL.isFileURL {
        throw NSError(
            domain: "BuggyWKWebViewDomain",
            code: 1001,
            userInfo: [NSLocalizedDescriptionKey: NSLocalizedString("URL must be a file URL.", comment:"")])
    }
    try! fileURL.checkResourceIsReachable()

    // Create "/temp/www" directory
    let fm = FileManager.default
    let tmpDirURL = URL(fileURLWithPath: NSTemporaryDirectory()).appendingPathComponent("www")
    try! fm.createDirectory(at: tmpDirURL, withIntermediateDirectories: true, attributes: nil)

    // Now copy given file to the temp directory
    let dstURL = tmpDirURL.appendingPathComponent(fileURL.lastPathComponent)
    let _ = try? fm.removeItem(at: dstURL)
    try! fm.copyItem(at: fileURL, to: dstURL)

    // Files in "/temp/www" load flawlesly :)
    return dstURL
}

E pode ser usado como:

override func viewDidLoad() {
    super.viewDidLoad()
    var fileURL = URL(fileURLWithPath: Bundle.main.path(forResource:"file", ofType: "pdf")!)

    if #available(iOS 9.0, *) {
        // iOS9 and above. One year later things are OK.
        webView.loadFileURL(fileURL, allowingReadAccessTo: fileURL)
    } else {
        // iOS8. Things can (sometimes) be workaround-ed
        //   Brave people can do just this
        //   fileURL = try! pathForBuggyWKWebView8(fileURL: fileURL)
        //   webView.load(URLRequest(url: fileURL))
        do {
            fileURL = try fileURLForBuggyWKWebView8(fileURL: fileURL)
            webView.load(URLRequest(url: fileURL))
        } catch let error as NSError {
            print("Error: " + error.debugDescription)
        }
    }
}

O WKWebView não pode carregar o conteúdo do arquivo: URLs através de seu loadRequest:método. http://www.openradar.me/18039024

Você pode carregar o conteúdo via loadHTMLString:, mas se a sua baseURL for um arquivo: URL, ele ainda não funcionará.

O iOS 9 possui uma nova API que fará o que você deseja [WKWebView loadFileURL:allowingReadAccessToURL:] ,.

Existe uma solução alternativa para o iOS 8 , demonstrada pelo shazron no Objective-C aqui https://github.com/shazron/WKWebViewFIleUrlTest para copiar arquivos /tmp/wwwe carregá-los a partir daí .

Se você estiver trabalhando no Swift, tente a amostra do nachos4d . (Também é muito mais curto que a amostra do shazron, por isso, se você estiver tendo problemas com o código do shazron, experimente.)

Um exemplo de como usar [WKWebView loadFileURL: allowReadAccessToURL:] no iOS 9 .

Ao mover a pasta da web para um projeto, selecione "Criar referências de pasta"

Em seguida, use um código parecido com este (Swift 2):

if let filePath = NSBundle.mainBundle().resourcePath?.stringByAppendingString("/WebApp/index.html"){
  let url = NSURL(fileURLWithPath: filePath)
  if let webAppPath = NSBundle.mainBundle().resourcePath?.stringByAppendingString("/WebApp") {
    let webAppUrl = NSURL(fileURLWithPath: webAppPath, isDirectory: true)
    webView.loadFileURL(url, allowingReadAccessToURL: webAppUrl)
  }
}

No arquivo html, use caminhos de arquivo como este

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

Assim não

<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">

Um exemplo de diretório que é movido para um projeto xcode.

Solução temporária: estou usando o GCDWebServer , conforme sugerido pelo GuidoMB.

Encontrei o caminho da minha pasta "www /" empacotada (que contém um "index.html"):

NSString *docRoot = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html" inDirectory:@"www"].stringByDeletingLastPathComponent;

... então inicie-o assim:

_webServer = [[GCDWebServer alloc] init];
[_webServer addGETHandlerForBasePath:@"/" directoryPath:docRoot indexFilename:@"index.html" cacheAge:3600 allowRangeRequests:YES];
[_webServer startWithPort:port bonjourName:nil];

Para pará-lo:

[_webServer stop];
_webServer = nil;

O desempenho parece bom, mesmo em um iPad 2.

Eu notei uma falha depois que o aplicativo entra em segundo plano, então eu o interrompo applicationDidEnterBackground:e applicationWillTerminate:; Eu inicio / reinicio application:didFinishLaunching...e applicationWillEnterForeground:.

[configuration.preferences setValue:@"TRUE" forKey:@"allowFileAccessFromFileURLs"];

Isso resolveu o problema para mim iOS 8.0+ dev.apple.com

também isso parece funcionar muito bem também ...

NSString* FILE_PATH = [[[NSBundle mainBundle] resourcePath]
                       stringByAppendingPathComponent:@"htmlapp/FILE"];
[self.webView
    loadFileURL: [NSURL fileURLWithPath:FILE_PATH]
    allowingReadAccessToURL: [NSURL fileURLWithPath:FILE_PATH]
];

Além das soluções mencionadas por Dan Fabulich, o XWebView é outra solução alternativa. [WKWebView loadFileURL: allowReadAccessToURL:] é implementado através da extensão .

Ainda não posso comentar, por isso estou postando isso como uma resposta separada.

Esta é uma versão objetiva-c da solução do nacho4d . A melhor solução alternativa que eu já vi até agora.

- (NSString *)pathForWKWebViewSandboxBugWithOriginalPath:(NSString *)filePath
{
    NSFileManager *manager = [NSFileManager defaultManager];
    NSString *tempPath = [NSTemporaryDirectory() stringByAppendingPathComponent:@"www"];
    NSError *error = nil;

    if (![manager createDirectoryAtPath:tempPath withIntermediateDirectories:YES attributes:nil error:&error]) {
        NSLog(@"Could not create www directory. Error: %@", error);

        return nil;
    }

    NSString *destPath = [tempPath stringByAppendingPathComponent:filePath.lastPathComponent];

    if (![manager fileExistsAtPath:destPath]) {
        if (![manager copyItemAtPath:filePath toPath:destPath error:&error]) {
            NSLog(@"Couldn't copy file to /tmp/www. Error: %@", error);

            return nil;
        }
    }

    return destPath;
}

No caso de você estar tentando exibir uma imagem local no meio de uma string HTML maior como <img src="file://...">:, ela ainda não aparece no dispositivo, então eu carreguei o arquivo de imagem no NSData e pude exibi-la substituindo a string src por os dados em si. Código de amostra para ajudar a criar a string HTML a ser carregada no WKWebView, onde resultado é o que substituirá o que está dentro das aspas de src = "":

Rápido:

let pathURL = NSURL.fileURLWithPath(attachmentFilePath)
guard let path = pathURL.path else {
    return // throw error
}
guard let data = NSFileManager.defaultManager().contentsAtPath(path) else {
    return // throw error
}

let image = UIImage.init(data: data)
let base64String = data.base64EncodedStringWithOptions(.Encoding64CharacterLineLength)
result += "data:image/" + attachmentType + "base64," + base64String

var widthHeightString = "\""
if let image = image {
    widthHeightString += " width=\"\(image.size.width)\" height=\"\(image.size.height)\""
}

result += widthHeightString

Objetivo-C:

NSURL *pathURL = [NSURL fileURLWithPath:attachmentFilePath];
NSString *path = [pathURL path];
NSData *data = [[NSFileManager defaultManager] contentsAtPath:path];

UIImage *image = [UIImage imageWithData:data];
NSString *base64String = [data base64EncodedStringWithOptions:0];
[result appendString:@"data:image/"];
[result appendString:attachmentType]; // jpg, gif etc.
[result appendString:@";base64,"];
[result appendString:base64String];

NSString *widthHeightString = @"\"";
if (image) {
    widthHeightString = [NSString stringWithFormat:@"\" width=\"%f\" height=\"%f\"", image.size.width, image.size.height];
}
[result appendString:widthHeightString];

Estou usando o abaixo. Tenho algumas coisas extras em que estou trabalhando, mas você pode ver onde comentei o loadRequest e estou substituindo a chamada loadHTMLString. Espero que isso ajude até que eles consertem o bug.

import UIKit
import WebKit

class ViewController: UIViewController, WKScriptMessageHandler {

    var theWebView: WKWebView?

    override func viewDidLoad() {
        super.viewDidLoad()

        var path = NSBundle.mainBundle().pathForResource("index", ofType: "html", inDirectory:"www" )
        var url = NSURL(fileURLWithPath:path)
        var request = NSURLRequest(URL:url)
        var theConfiguration = WKWebViewConfiguration()

        theConfiguration.userContentController.addScriptMessageHandler(self, name: "interOp")

        theWebView = WKWebView(frame:self.view.frame, configuration: theConfiguration)

        let text2 = String.stringWithContentsOfFile(path, encoding: NSUTF8StringEncoding, error: nil)

        theWebView!.loadHTMLString(text2, baseURL: nil)

        //theWebView!.loadRequest(request)

        self.view.addSubview(theWebView)


    }

    func appWillEnterForeground() {

    }

    func appDidEnterBackground() {

    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    func userContentController(userContentController: WKUserContentController!, didReceiveScriptMessage message: WKScriptMessage!){
        println("got message: \(message.body)")

    }

}

Para quem deve solucionar esse problema no iOS8:

Se a sua página não for complicada, você pode optar por torná-la como um Aplicativo de Página Única.

Em outras palavras, para incorporar todos os recursos no arquivo html.

Para fazer: 1. copie o conteúdo do seu arquivo js / css para / tags no arquivo html, respectivamente; 2. converta seus arquivos de imagem em svg para substituir de acordo. 3. carregue a página como antes, usando [webView loadHTMLString: baseURL:], por exemplo

Era um pouco diferente de estilizar uma imagem svg, mas não deveria te bloquear tanto.

Parecia que o desempenho de renderização da página diminuía um pouco, mas vale a pena ter uma solução alternativa tão simples funcionando no iOS8 / 9/10.

Na mesma linha do GCDWebServer, estou usando SImpleHttpServer ( http://www.andyjamesdavies.com/blog/javascript/simple-http-server-on-mac-os-x-in-seconds ) e, em seguida, loadRequest com o localhost url. Com essa abordagem, você não precisa adicionar nenhuma biblioteca, mas os arquivos do site não estarão no pacote, portanto, não poderá ser entregue. Por isso, isso seria mais apropriado para os casos de depuração.

Eu consegui usar o servidor da web do PHP no OS X. Copiar para o diretório / www temporário não funcionou para mim. O Python SimpleHTTPServer se queixou de querer ler tipos MIME, provavelmente um problema de sandbox.

Aqui está um servidor usando php -S:

let portNumber = 8080

let task = NSTask()
task.launchPath = "/usr/bin/php"
task.arguments = ["-S", "localhost:\(portNumber)", "-t", directoryURL.path!]
// Hide the output from the PHP server
task.standardOutput = NSPipe()
task.standardError = NSPipe()

task.launch()

@ Solução nacho4d é boa. Quero mudar um pouco, mas não sei como alterá-lo em sua postagem. Então, eu coloquei aqui, espero que você não se importe. obrigado.

Caso você tenha uma pasta www, existem muitos outros arquivos, como png, css, js, etc. Em seguida, você deve copiar todos os arquivos para a pasta tmp / www. por exemplo, você tem uma pasta www como esta:

depois no Swift 2.0:

override func viewDidLoad() {
    super.viewDidLoad()

    let path = NSBundle.mainBundle().resourcePath! + "/www";
    var fileURL = NSURL(fileURLWithPath: path)
    if #available(iOS 9.0, *) {
        let path = NSBundle.mainBundle().pathForResource("index", ofType: "html", inDirectory: "www")
        let url = NSURL(fileURLWithPath: path!)
        self.webView!.loadRequest(NSURLRequest(URL: url))
    } else {
        do {
            fileURL = try fileURLForBuggyWKWebView8(fileURL)
            let url = NSURL(fileURLWithPath: fileURL.path! + "/index.html")
            self.webView!.loadRequest( NSURLRequest(URL: url))
        } catch let error as NSError {
            print("Error: \(error.debugDescription)")
        }
    }
}

a função fileURLForBuggyWKWebView8 é copiada de @ nacho4d:

func fileURLForBuggyWKWebView8(fileURL: NSURL) throws -> NSURL {
    // Some safety checks
    var error:NSError? = nil;
    if (!fileURL.fileURL || !fileURL.checkResourceIsReachableAndReturnError(&error)) {
        throw error ?? NSError(
            domain: "BuggyWKWebViewDomain",
            code: 1001,
            userInfo: [NSLocalizedDescriptionKey: NSLocalizedString("URL must be a file URL.", comment:"")])
    }

    // Create "/temp/www" directory
    let fm = NSFileManager.defaultManager()
    let tmpDirURL = NSURL.fileURLWithPath(NSTemporaryDirectory())
    try! fm.createDirectoryAtURL(tmpDirURL, withIntermediateDirectories: true, attributes: nil)

    // Now copy given file to the temp directory
    let dstURL = tmpDirURL.URLByAppendingPathComponent(fileURL.lastPathComponent!)
    let _ = try? fm.removeItemAtURL(dstURL)
    try! fm.copyItemAtURL(fileURL, toURL: dstURL)

    // Files in "/temp/www" load flawlesly :)
    return dstURL
}

Tente usar

[webView loadHTMLString:htmlFileContent baseURL:baseURL];

Parece que ainda está funcionando. Ainda.