WKWebView가 iOS 8에서 로컬 파일을로드하지 않음

이전 iOS 8 베타의 경우 로컬 웹 앱 (번들)을로드하면 UIWebView및 WKWebView에서 모두 잘 작동 하며 새로운WKWebView API를 .

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

으로 댄 Fabulish의 응답 상태이 WKWebView의 버그가 분명히 빠른 시일 내에 해결되지 않는 그가 말했다 같은 해결 방법이 있습니다 :

여기에서 해결 방법을 보여주고 싶었 기 때문에 대답하고 있습니다. https://github.com/shazron/WKWebViewFIleUrlTest에 표시된 IMO 코드 는 대부분의 사람들이 관심이없는 관련없는 세부 정보로 가득 차 있습니다.

해결 방법은 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는 해당 loadRequest:메서드 를 통해 file : URL에서 콘텐츠를로드 할 수 없습니다 . http://www.openradar.me/18039024

를 통해 콘텐츠를로드 할 수 loadHTMLString:있지만 baseURL이 file : URL이면 여전히 작동하지 않습니다.

iOS 9에는 원하는 작업을 수행하는 새로운 API 인 [WKWebView loadFileURL:allowingReadAccessToURL:] .

iOS 8에 대한 해결 방법이 있습니다. Shazron이 Objective-C의 https://github.com/shazron/WKWebViewFIleUrlTest 에서 파일/tmp/www 을 복사 하고 거기에서로드 하는 방법을 보여줍니다 .

Swift에서 작업하는 경우 대신 nachos4d의 샘플을 사용해 볼 수 있습니다. (또한 shazron의 샘플보다 훨씬 짧으므로 shazron의 코드에 문제가있는 경우 대신 시도해보세요.)

iOS 9 에서 [WKWebView loadFileURL : allowingReadAccessToURL :]을 사용하는 방법의 예입니다 .

웹 폴더를 프로젝트로 이동할 때 "폴더 참조 생성"을 선택하십시오.

그런 다음 다음과 같은 코드를 사용하십시오 (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 프로젝트로 이동 된 디렉토리의 예입니다.

임시 해결 방법 : GuidoMB 에서 제안한대로 GCDWebServer를 사용하고 있습니다.

먼저 번들로 제공되는 "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]
];

Dan Fabulich가 언급 한 솔루션 외에도 XWebView 는 또 다른 해결 방법입니다. [WKWebView loadFileURL : allowingReadAccessToURL :] 은 확장을 통해 구현됩니다 .

아직 댓글을 달 수 없으므로 별도의 답변으로 게시하고 있습니다.

이것은 nacho4d 솔루션 의 객관적인 C 버전입니다 . 지금까지 본 최고의 해결 방법입니다.

- (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 문자열을 다음으로 대체하여 표시 할 수있었습니다. 데이터 자체. WKWebView에로드 할 HTML 문자열을 빌드하는 데 도움이되는 샘플 코드입니다. 결과는 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와 함께 loadRequest를 사용하고 있습니다. url. 이 접근 방식을 사용하면 라이브러리를 추가 할 필요가 없지만 웹 사이트 파일이 번들에 포함되지 않으므로 제공 할 수 없습니다. 이 때문에 디버그 케이스에 더 적합합니다.

OS X에서 PHP의 웹 서버를 사용했습니다. 임시 / 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];

여전히 작동하는 것 같습니다. 아직.