WKWebView ne charge pas les fichiers locaux sous iOS 8

Pour les versions bêta précédentes d'iOS 8, chargez une application Web locale (dans Bundle) et cela fonctionne bien pour les deux UIWebViewet WKWebView, et j'ai même porté un jeu Web à l'aide de la nouvelle WKWebViewAPI.

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

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

view.addSubview(webView)

Mais dans la bêta 4, je viens d'avoir un écran blanc vierge ( UIWebViewfonctionne toujours), on dirait que rien n'est chargé ou exécuté. J'ai vu une erreur dans le journal:

Impossible de créer une extension de bac à sable pour /

Une aide pour me guider dans la bonne direction? Merci!

Ils ont finalement résolu le bug! Maintenant, nous pouvons utiliser -[WKWebView loadFileURL:allowingReadAccessToURL:]. Apparemment, le correctif valait quelques secondes dans la vidéo de la WWDC 2015 504 Présentation de Safari View Controller

Pour iOS8 ~ iOS10 (Swift 3)

Comme l' indique la réponse de Dan Fabulish, il s'agit d'un bogue de WKWebView qui n'est apparemment pas résolu de sitôt et comme il l'a dit, il y a une solution :)

Je réponds simplement parce que je voulais montrer le contournement ici. Le code IMO affiché sur https://github.com/shazron/WKWebViewFIleUrlTest regorge de détails sans rapport avec la plupart des gens ne sont probablement pas intéressés.

Le contournement est de 20 lignes de code, gestion des erreurs et commentaires inclus, pas besoin d'un serveur :)

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
}

Et peut être utilisé comme:

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 ne peut pas charger le contenu du fichier: URL via sa loadRequest:méthode. http://www.openradar.me/18039024

Vous pouvez charger du contenu via loadHTMLString:, mais si votre baseURL est un fichier: URL, cela ne fonctionnera toujours pas.

iOS 9 a une nouvelle API qui va faire ce que vous voulez, [WKWebView loadFileURL:allowingReadAccessToURL:] .

Il existe une solution de contournement pour iOS 8 , démontrée par shazron dans Objective-C ici https://github.com/shazron/WKWebViewFIleUrlTest pour copier des fichiers /tmp/wwwet les charger à partir de là .

Si vous travaillez dans Swift, vous pouvez essayer l'exemple de nachos4d à la place. (Il est également beaucoup plus court que l'exemple de shazron, donc si vous rencontrez des problèmes avec le code de shazron, essayez plutôt.)

Un exemple d'utilisation de [WKWebView loadFileURL: allowReadAccessToURL:] sur iOS 9 .

Lorsque vous déplacez le dossier Web vers un projet, sélectionnez "Créer des références de dossier"

Ensuite, utilisez un code similaire à celui-ci (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)
  }
}

Dans le fichier html, utilisez des chemins de fichiers comme celui-ci

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

pas comme ça

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

Un exemple de répertoire déplacé vers un projet xcode.

Solution temporaire: j'utilise GCDWebServer , comme suggéré par GuidoMB.

Je trouve d'abord le chemin de mon dossier "www /" (qui contient un "index.html"):

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

... puis démarrez-le comme ceci:

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

Pour l'arrêter:

[_webServer stop];
_webServer = nil;

Les performances semblent bonnes, même sur un iPad 2.

J'ai remarqué un plantage après que l'application soit passée en arrière-plan, alors je l'ai arrêtée applicationDidEnterBackground:et applicationWillTerminate:; Je le démarre / le redémarre sur application:didFinishLaunching...et applicationWillEnterForeground:.

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

Cela a résolu le problème pour moi iOS 8.0+ dev.apple.com

cela semble aussi bien fonctionner aussi ...

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

Outre les solutions mentionnées par Dan Fabulich, XWebView est une autre solution de contournement. [WKWebView loadFileURL: allowReadAccessToURL:] est implémenté via l'extension .

Je ne peux pas encore commenter, donc je publie ceci comme une réponse distincte.

Ceci est une version objective-c de la solution de nacho4d . La meilleure solution de contournement que j'ai vue jusqu'à présent.

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

Dans le cas où vous essayez d'afficher une image locale au milieu d'une chaîne HTML plus grande comme <img src="file://...">:, elle n'apparaît toujours pas sur l'appareil, j'ai donc chargé le fichier image dans NSData et j'ai pu l'afficher en remplaçant la chaîne src par les données elles-mêmes. Exemple de code pour aider à créer la chaîne HTML à charger dans WKWebView, où le résultat est ce qui remplacera ce qui se trouve à l'intérieur des guillemets de src = "":

Rapide:

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

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

J'utilise le ci-dessous. A des trucs supplémentaires sur lesquels je travaille, mais vous pouvez voir où j'ai commenté le loadRequest et je remplace l'appel loadHTMLString. J'espère que cela aidera jusqu'à ce qu'ils corrigent le bogue.

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)")

    }

}

Pour qui doit contourner ce problème sous iOS8:

Si votre page n'est pas compliquée, vous pouvez choisir de faire de la page une application à page unique.

En d'autres termes, pour intégrer toutes les ressources dans le fichier html.

Pour faire: 1. Copiez respectivement le contenu de votre fichier js / css dans / tags dans le fichier html; 2. convertissez vos fichiers image en svg pour les remplacer en conséquence. 3. chargez la page comme avant, en utilisant [webView loadHTMLString: baseURL:], par exemple

C'était un peu différent du style d'une image svg, mais cela ne devrait pas vous bloquer autant.

Il semblait que les performances de rendu de la page diminuaient un peu, mais il valait la peine d'avoir une solution de contournement aussi simple sous iOS8 / 9/10.

Dans la même ligne de GCDWebServer, j'utilise SImpleHttpServer ( http://www.andyjamesdavies.com/blog/javascript/simple-http-server-on-mac-os-x-in-seconds ) puis loadRequest avec l'hôte local url. Avec cette approche, vous n'avez pas à ajouter de bibliothèque, mais les fichiers du site Web ne seront pas dans le bundle et ne seront donc pas livrables. Pour cette raison, ce serait plus approprié pour les cas de débogage.

J'ai réussi à utiliser le serveur Web de PHP sur OS X. La copie dans le répertoire temporaire / www n'a pas fonctionné pour moi. Le Python SimpleHTTPServer s'est plaint de vouloir lire les types MIME, probablement un problème de sandboxing.

Voici un serveur utilisant 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 solution @ nacho4d est bonne. Je veux le changer un peu mais je ne sais pas comment le changer dans votre message. Alors je l'ai mis ici, j'espère que cela ne vous dérange pas. Merci.

Dans le cas où vous avez un dossier www, il y a beaucoup d'autres fichiers tels que png, css, js etc. Ensuite, vous devez copier tous les fichiers dans le dossier tmp / www. par exemple, vous avez un dossier www comme celui-ci:

puis dans 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)")
        }
    }
}

le fichier de fonctionURLForBuggyWKWebView8 est copié depuis @ 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
}

Essayez d'utiliser

[webView loadHTMLString:htmlFileContent baseURL:baseURL];

Il semble que cela fonctionne toujours. Encore.