WKWebView не загружает локальные файлы под iOS 8

Для предыдущих IOS 8 бет, загрузить локальный веб - приложение (в комплекте) , и он прекрасно работает как UIWebViewи WKWebView, и я даже портировали веб - игры с помощью нового WKWebViewAPI.

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

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

view.addSubview(webView)

Но в бета-версии 4 у меня только что был пустой белый экран ( UIWebViewвсе еще работает), похоже, ничего не загружается и не выполняется. Увидел в журнале ошибку:

Не удалось создать расширение песочницы для /

Любая помощь, чтобы направить меня в правильном направлении? Спасибо!

Наконец-то они решили ошибку! Теперь мы можем использовать -[WKWebView loadFileURL:allowingReadAccessToURL:]. По-видимому, исправление стоило нескольких секунд в видеоролике WWDC 2015 504 Введение в Safari View Controller

Для iOS8 ~ iOS10 (Swift 3)

В ответе Дэна Фабулиша говорится, что это ошибка WKWebView, которая, по-видимому, не будет решена в ближайшее время, и, как он сказал, есть обходной путь :)

Я отвечаю только потому, что хотел показать здесь обходной путь. Код IMO, показанный в https://github.com/shazron/WKWebViewFIleUrlTest , полон несвязанных деталей, которые, вероятно, не интересуют большинство людей.

Обход - 20 строк кода, обработка ошибок и комментарии включены, сервер не нужен :)

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
}

И может использоваться как:

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 не может загружать контент из URL-адресов file: через свой loadRequest:метод. http://www.openradar.me/18039024

Вы можете загружать контент через loadHTMLString:, но если ваш baseURL - это URL-адрес file:, он все равно не будет работать.

IOS 9 имеет новый API , который будет делать то , что вы хотите, [WKWebView loadFileURL:allowingReadAccessToURL:] .

Существует обходной путь для iOS 8 , продемонстрированный shazron в Objective-C здесь https://github.com/shazron/WKWebViewFIleUrlTest, чтобы копировать файлы /tmp/wwwи загружать их оттуда .

Если вы работаете в Swift, вы можете вместо этого попробовать образец nachos4d . (Он также намного короче, чем образец Shazron, поэтому, если у вас возникли проблемы с кодом Shazron, попробуйте вместо этого.)

Пример использования [WKWebView loadFileURL: AllowReadAccessToURL:] в iOS 9 .

При перемещении веб-папки в проект выберите «Создать ссылки на папки»

Затем используйте примерно такой код (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)
  }
}

В файле html используйте такие пути к файлам

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

не так

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

Пример каталога, перемещенного в проект xcode.

Временное решение: я использую GCDWebServer , как предлагает GuidoMB.

Сначала я нахожу путь к моей связанной папке «www /» (которая содержит «index.html»):

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

... затем запустите его так:

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

Чтобы остановить это:

[_webServer stop];
_webServer = nil;

Производительность выглядит нормально даже на iPad 2.

Я заметил сбой после того, как приложение перешло в фоновый режим, поэтому я остановил его applicationDidEnterBackground:и applicationWillTerminate:; Запускаю / перезапускаю на application:didFinishLaunching...и applicationWillEnterForeground:.

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

Это решило проблему для меня iOS 8.0+ dev.apple.com

также, похоже, это тоже сработало отлично ...

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

Помимо решений, упомянутых Дэном Фабуличем , XWebView - еще одно решение. [WKWebView loadFileURL: allowingReadAccessToURL:] будет осуществляться за счет расширения .

Я пока не могу комментировать, поэтому публикую это как отдельный ответ.

Это объективная версия решения nacho4d . Лучший обходной путь, который я когда-либо видел.

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

В случае, если вы пытаетесь отобразить локальное изображение в середине более крупной строки HTML, например:, <img src="file://...">оно все еще не отображается на устройстве, поэтому я загрузил файл изображения в NSData и смог отобразить его, заменив строку src на сами данные. Пример кода, помогающий создать строку HTML для загрузки в WKWebView, где результат - это то, что заменит то, что находится внутри кавычек src = "":

Swift:

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

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

Я использую ниже. Есть некоторые дополнительные вещи, над которыми я работаю, но вы можете видеть, где я закомментировал loadRequest и заменяю вызов loadHTMLString. Надеюсь, это поможет, пока они не исправят ошибку.

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

    }

}

Для тех, кто должен решить эту проблему в iOS8:

Если ваша страница несложная, вы можете сделать ее одностраничным приложением.

Другими словами, чтобы встроить все ресурсы в html файл.

Для этого: 1. скопируйте содержимое вашего js / css файла в / tags в html файле соответственно; 2. Преобразуйте файлы изображений в формат SVG, чтобы заменить соответствующие файлы. 3. загрузите страницу, как раньше, используя [webView loadHTMLString: baseURL:], например

Это немного отличалось от стиля изображения svg, но оно не должно сильно блокировать вас.

Казалось, что производительность рендеринга страницы немного снизилась, но было достойно, чтобы такой простой обходной путь работал под iOS8 / 9/10.

В той же строке GCDWebServer я использую SImpleHttpServer ( http://www.andyjamesdavies.com/blog/javascript/simple-http-server-on-mac-os-x-in-seconds ), а затем loadRequest с локальным хостом URL - адрес. При таком подходе вам не нужно добавлять какую-либо библиотеку, но файлы веб-сайта не будут в пакете, поэтому он не будет доставлен. Из-за этого это было бы более подходящим для случаев отладки.

Мне удалось использовать веб-сервер PHP в OS X. Копирование во временный каталог / www не помогло мне. Python SimpleHTTPServer пожаловался на то, что хочет читать типы MIME, вероятно, проблема с песочницей.

Вот сервер, использующий 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()

Решение @ nacho4d хорошее. Я хочу его немного изменить, но не знаю, как это изменить в вашем посте. Я положил это сюда, надеюсь, вы не против. Спасибо.

Если у вас есть папка www, есть много других файлов, таких как png, css, js и т. Д. Затем вам нужно скопировать все файлы в папку tmp / www. например, у вас есть такая папка www:

затем в 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)")
        }
    }
}

функция fileURLForBuggyWKWebView8 скопирована из @ 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
}

Попробуйте использовать

[webView loadHTMLString:htmlFileContent baseURL:baseURL];

Кажется, все еще работает. Все же.