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

Для 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-адреси за допомогою його loadRequest:методу. http://www.openradar.me/18039024

Ви можете завантажувати вміст через loadHTMLString:, але якщо ваш базовийURL - це файл: URL, він все одно не працюватиме.

iOS 9 має новий API, який буде робити те, що ви хочете [WKWebView loadFileURL:allowingReadAccessToURL:] ,.

Існує рішення для iOS 8 , продемонстрований шазроном в Objective-C тут https://github.com/shazron/WKWebViewFIleUrlTest для копіювання файлів /tmp/wwwі завантаження їх звідти .

Якщо ви працюєте в Swift, ви можете спробувати зразок nachos4d . (Це також набагато коротше, ніж зразок шазрона, тому, якщо у вас виникають проблеми з кодом шазрона, спробуйте замість цього.)

Приклад використання [WKWebView loadFileURL: enableReadAccessToURL:] на 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 = "":

Швидкий:

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:

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 у / теги у файлі 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 ), а потім завантажую Запит із localhost URL. При такому підході вам не потрібно додавати будь-яку бібліотеку, але файли веб-сайтів не будуть в комплекті, тому це не буде доступним. Через це це було б більш доречно для випадків налагодження.

Мені вдалося використати веб-сервер PHP в ОС 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)")
        }
    }
}

файл функціїURLForBuggyWKWebView8 копіюється з @ 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];

Здається, це все ще працює. І все-таки.