WKWebView, iOS 8 altında yerel dosyaları yüklemiyor

Önceki iOS 8 betalar için, (Bundle) yerel bir web uygulaması yüklemek ve hem cezasını çalışır UIWebViewve WKWebView, ve hatta yeni kullanarak bir web oyun taşıdık WKWebViewAPI.

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

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

view.addSubview(webView)

Ancak beta 4'te, boş bir beyaz ekranım var ( UIWebViewhala çalışıyor), hiçbir şey yüklenmemiş veya çalıştırılmamış gibi görünüyor. Günlükte bir hata gördüm:

İçin korumalı alan uzantısı oluşturulamadı /

Beni doğru yöne yönlendirecek herhangi bir yardım var mı? Teşekkürler!

Sonunda hatayı çözdüler! Şimdi kullanabiliriz -[WKWebView loadFileURL:allowingReadAccessToURL:]. Görünüşe göre bu düzeltme WWDC 2015 videosunda birkaç saniye değerindeydi 504 Safari View Controller Tanıtımı

İOS8 ~ iOS10 için (Swift 3)

As Dan Fabulish cevabı bu WKWebView bir hata olduğunu bildiren görünüşte yakın zamanda çözülmüyor ve dedi gibi bir iş çevresinde var olduğu :)

Cevap veriyorum çünkü buradaki çalışmayı göstermek istedim. Https://github.com/shazron/WKWebViewFIleUrlTest'te gösterilen IMO kodu , çoğu insanın muhtemelen ilgilenmediği ilgisiz ayrıntılarla doludur.

Çözüm 20 satır kod, hata işleme ve yorumlar dahildir, sunucuya gerek yoktur :)

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
}

Ve şu şekilde kullanılabilir:

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, loadRequest:yöntemi aracılığıyla dosya: URL'lerden içerik yükleyemez . http://www.openradar.me/18039024

Üzerinden içerik yükleyebilirsiniz loadHTMLString:, ancak temelURL'niz bir dosya: URL ise, o zaman yine çalışmaz.

iOS 9, istediğinizi yapacak yeni bir API'ye sahip [WKWebView loadFileURL:allowingReadAccessToURL:] .

İOS 8 için Shazron tarafından Objective-C'de gösterilen bir geçici çözüm var https://github.com/shazron/WKWebViewFIleUrlTest , dosyaları/tmp/www buraya kopyalayıp oradan yüklemek için .

Swift'de çalışıyorsanız, bunun yerine nachos4d'nin örneğini deneyebilirsiniz . (Ayrıca shazron'un örneğinden çok daha kısadır, bu nedenle shazron'un koduyla ilgili sorun yaşıyorsanız, bunun yerine onu deneyin.)

Nasıl kullanımına bir örnek [WKWebView loadFileURL: allowingReadAccessToURL:] ile IOS 9 .

Web klasörünü bir projeye taşıdığınızda, "Klasör referansları oluştur" u seçin

Sonra şuna benzer bir kod kullanın (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 dosyasında bunun gibi dosya yollarını kullanın

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

böyle değil

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

Bir xcode projesine taşınan bir dizin örneği.

Geçici çözüm: GuidoMB tarafından önerildiği gibi GCDWebServer kullanıyorum.

Önce paketlenmiş "www /" klasörümün yolunu buluyorum ("index.html" içeren):

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

... sonra şu şekilde başlatın:

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

Durdurmak için:

[_webServer stop];
_webServer = nil;

Performans, iPad 2'de bile iyi görünüyor.

Uygulama arka plana girdikten sonra bir kilitlenme fark ettim, bu yüzden onu durdurdum applicationDidEnterBackground:ve applicationWillTerminate:; Başlatıyorum / yeniden başlatıyorum application:didFinishLaunching...ve applicationWillEnterForeground:.

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

Bu benim için sorunu çözdü iOS 8.0+ dev.apple.com

bu da gayet iyi çalışıyor gibi görünüyor ...

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

Dan Fabulich tarafından bahsedilen çözümlerin yanı sıra, XWebView başka bir geçici çözümdür . [WKWebView loadFileURL: allowingReadAccessToURL:] olan uzantısı ile uygulanır .

Henüz yorum yapamıyorum, bu yüzden bunu ayrı bir cevap olarak gönderiyorum.

Bu, nacho4d çözümünün nesnel-c sürümüdür . Şimdiye kadar gördüğüm en iyi çözüm.

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

Yerel bir resmi aşağıdaki gibi daha büyük bir HTML dizesinin ortasında görüntülemeye çalışmanız durumunda:, <img src="file://...">hala cihazda görünmüyor, bu yüzden görüntü dosyasını NSData'ya yükledim ve src dizesini ile değiştirerek görüntüleyebildim verinin kendisi. WKWebView'e yüklenecek HTML dizesini oluşturmaya yardımcı olacak örnek kod; burada sonuç, src = "" tırnak işaretlerinin içindekilerin yerini alacaktır:

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

Aşağıdakileri kullanıyorum. Üzerinde çalıştığım fazladan bazı şeyler var, ancak loadRequest hakkında yorum yaptığımı ve loadHTMLString çağrısının yerini aldığımı görebilirsiniz. Umarım bu hatayı düzeltene kadar yardımcı olur.

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

    }

}

İOS8 altında bu sorunu çözmesi gerekenler için:

Sayfanız karmaşık değilse, sayfayı Tek Sayfalı Uygulama yapmayı tercih edebilirsiniz.

Başka bir deyişle, tüm kaynakları html dosyasına yerleştirmek için.

Yapılacaklar: 1. js / css dosyanızın içeriğini sırasıyla html dosyasındaki / etiketlerine kopyalayın; 2. Resim dosyalarınızı uygun şekilde değiştirmek için svg'ye dönüştürün. 3. Örneğin [webView loadHTMLString: baseURL:] kullanarak sayfayı eskisi gibi yükleyin

Bir svg görüntüsünü biçimlendirmekten biraz farklıydı, ancak sizi çok fazla engellememelidir.

Sayfa oluşturma performansının biraz azaldığı görülüyordu, ancak iOS8 / 9/10 altında bu kadar basit bir çözümün çalışmasına değerdi.

Aynı GCDWebServer satırında, SImpleHttpServer ( http://www.andyjamesdavies.com/blog/javascript/simple-http-server-on-mac-os-x-in-seconds ) ve ardından localhost ile loadRequest kullanıyorum url'si. Bu yaklaşımla herhangi bir kitaplık eklemeniz gerekmez, ancak web sitesi dosyaları pakette olmayacağından teslim edilemez. Bu nedenle, Debug durumları için bu daha uygun olacaktır.

PHP'nin web sunucusunu OS X üzerinde kullanmayı başardım. Geçici / www dizinine kopyalamak benim için işe yaramadı. Python SimpleHTTPServer, muhtemelen bir korumalı alan sorunu olan MIME türlerini okumak istemekten şikayet etti.

İşte kullanan bir sunucu 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 çözümü iyidir. Biraz değiştirmek istiyorum ama gönderinizde nasıl değiştireceğimi bilmiyorum. Bu yüzden buraya koyuyorum umarım aldırmazsın. Teşekkürler.

Bir www klasörünüz varsa, png, css, js vb. Gibi birçok başka dosya vardır. Daha sonra tüm dosyaları tmp / www klasörüne kopyalamanız gerekir. örneğin, aşağıdaki gibi bir www klasörünüz var:

sonra Swift 2.0'da:

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 işlev dosyası @ nacho4d'den kopyalanır:

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
}

Kullanmayı dene

[webView loadHTMLString:htmlFileContent baseURL:baseURL];

Hala çalışıyor gibi görünüyor. Hala.