WKWebView no carga archivos locales en iOS 8

Para iOS 8 anteriores betas, cargar una aplicación web local (en paquete) y funciona bien para ambos UIWebViewy WKWebView, e incluso he portado un juego web usando la nueva WKWebViewAPI.

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

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

view.addSubview(webView)

Pero en la versión beta 4, acabo de recibir una pantalla en blanco en blanco ( UIWebViewtodavía funciona), parece que no hay nada cargado o ejecutado. Vi un error en el registro:

No se pudo crear una extensión de sandbox para /

¿Alguna ayuda para guiarme en la dirección correcta? ¡Gracias!

¡Finalmente resolvieron el error! Ahora podemos usar -[WKWebView loadFileURL:allowingReadAccessToURL:]. Aparentemente, la solución valió unos segundos en el video 504 de WWDC 2015 que presenta Safari View Controller

Para iOS8 ~ iOS10 (Swift 3)

Como dice la respuesta de Dan Fabulish, este es un error de WKWebView que aparentemente no se está resolviendo en el corto plazo y, como dijo, hay una solución alternativa :)

Estoy respondiendo solo porque quería mostrar el trabajo aquí. El código IMO que se muestra en https://github.com/shazron/WKWebViewFIleUrlTest está lleno de detalles no relacionados que a la mayoría de las personas probablemente no les interese.

La solución es de 20 líneas de código, manejo de errores y comentarios incluidos, sin necesidad de un 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
}

Y se puede usar 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)
        }
    }
}

WKWebView no puede cargar contenido del archivo: URL a través de su loadRequest:método. http://www.openradar.me/18039024

Puede cargar contenido a través de loadHTMLString:, pero si su baseURL es un archivo: URL, entonces todavía no funcionará.

iOS 9 tiene una nueva API que hará lo que quieras [WKWebView loadFileURL:allowingReadAccessToURL:] ,.

Hay una solución para iOS 8 , demostrada por shazron en Objective-C aquí https://github.com/shazron/WKWebViewFIleUrlTest para copiar archivos /tmp/wwwy cargarlos desde allí .

Si está trabajando en Swift, puede probar la muestra de nachos4d en su lugar. (También es mucho más corto que la muestra de shazron, por lo que si tiene problemas con el código de shazron, inténtelo).

Un ejemplo de cómo usar [WKWebView loadFileURL: allowReadAccessToURL:] en iOS 9 .

Cuando mueva la carpeta web a un proyecto, seleccione "Crear referencias de carpeta"

Luego use un código similar a 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)
  }
}

En el archivo html, use rutas de archivo como esta

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

así no

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

Un ejemplo de directorio que se mueve a un proyecto xcode.

Solución temporal: estoy usando GCDWebServer , como lo sugiere GuidoMB.

Primero encuentro la ruta de mi carpeta "www /" incluida (que contiene un "index.html"):

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

... luego comience así:

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

Para detenerlo:

[_webServer stop];
_webServer = nil;

El rendimiento parece estar bien, incluso en un iPad 2.

Noté un bloqueo después de que la aplicación pasa a un segundo plano, así que la detuve applicationDidEnterBackground:y applicationWillTerminate:; Lo inicio / reinicio application:didFinishLaunching...y applicationWillEnterForeground:.

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

Esto resolvió el problema para mí iOS 8.0+ dev.apple.com

También esto parece funcionar bien también ...

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

Además de las soluciones mencionadas por Dan Fabulich, XWebView es otra solución alternativa. [WKWebView loadFileURL: allowReadAccessToURL:] se implementa a través de la extensión .

No puedo comentar todavía, así que estoy publicando esto como una respuesta separada.

Esta es una versión objetiva-c de la solución de nacho4d . La mejor solución que he visto hasta ahora.

- (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;
}

En el caso de que intente mostrar una imagen local en el medio de una cadena HTML más grande como: <img src="file://..."> todavía no aparece en el dispositivo, así que cargué el archivo de imagen en NSData y pude mostrarlo reemplazando la cadena src con Los datos en sí. Código de muestra para ayudar a construir la cadena HTML para cargar en WKWebView, donde el resultado es lo que reemplazará lo que está dentro de las comillas 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

C objetivo:

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];

Estoy usando el siguiente. Tengo algunas cosas adicionales en las que estoy trabajando, pero puedes ver dónde he comentado la loadRequest y estoy sustituyendo la llamada loadHTMLString. Espero que esto ayude hasta que arreglen el error.

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 quién debe solucionar este problema en iOS8:

Si su página no es complicada, puede optar por hacer la página como una aplicación de página única.

En otras palabras, para incrustar todos los recursos en el archivo html.

Para hacer: 1. copie el contenido de su archivo js / css en / tags en el archivo html respectivamente; 2. Convierta sus archivos de imagen en svg para reemplazarlos en consecuencia. 3. cargue la página como antes, usando [webView loadHTMLString: baseURL:], por ejemplo

Era un poco diferente al estilo de una imagen svg, pero no debería bloquearlo tanto.

Parecía que el rendimiento del renderizado de la página disminuyó un poco, pero valió la pena tener una solución tan simple que funcione con iOS8 / 9/10.

En la misma línea de GCDWebServer, estoy usando SImpleHttpServer ( http://www.andyjamesdavies.com/blog/javascript/simple-http-server-on-mac-os-x-in-seconds ) y luego loadRequest con el localhost url. Con este enfoque, no tiene que agregar ninguna biblioteca, pero los archivos del sitio web no estarán en el paquete, por lo que no se podrán entregar. Por eso, esto sería más apropiado para los casos de depuración.

Me las arreglé para usar el servidor web de PHP en OS X. Copiar al directorio temporal / www no funcionó para mí. Python SimpleHTTPServer se quejó de querer leer tipos MIME, probablemente un problema de sandboxing.

Aquí hay un servidor que usa 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()

La solución @ nacho4d es buena. Quiero cambiarlo un poco, pero no sé cómo cambiarlo en tu publicación. Así que lo puse aquí, espero que no te importe. Gracias.

En caso de que tenga una carpeta www, hay muchos otros archivos como png, css, js, etc. Luego debe copiar todos los archivos a la carpeta tmp / www. por ejemplo, tiene una carpeta www como esta:

luego en 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)")
        }
    }
}

la función fileURLForBuggyWKWebView8 se copia 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
}

Intenta usar

[webView loadHTMLString:htmlFileContent baseURL:baseURL];

Parece que todavía está funcionando. Todavía.