Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

WKWebView Cache manifest not working IOS8

Tags:

ios8

wkwebview

Cache manifest works fine and events fired in safari in IOS 8. Not working at all in WKWebView anyone else solve this issue?

import UIKit

import WebKit

class ViewController: UIViewController {
@IBOutlet var containterView : UIView! = nil
var webView : WKWebView?
override func loadView(){
    super.loadView()
    self.webView = WKWebView()
    self.view = self.webView!
}
override func viewDidLoad() {
    super.viewDidLoad()
    var url = NSURL(string:"http://html5demos.com/offlineapp")
    var req = NSURLRequest(URL:url)
    self.webView!.loadRequest(req)
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
}

}

The application cache comes back as supported if I were to use html5test.com

EDIT:

window.applicationCache does not return undefined either when loaded from WKWebView

console.log("Initializing Page");       
if (window.applicationCache == undefined){
    console.log("Application cache not suported!");
    updateSplash();
}
console.log(window.applicationCache); returns: DOMApplicationCache

EDIT 2:

if (typeof window.applicationCache.update === 'function'){
        console.log("Application has method update");
        console.log(window.applicationCache.update); //shows swapCache() and update() methods
        window.applicationCache.update();   
    }

window.applicationCAche.update() throws Error: InvalidStateError: DOM Exception 11: An attempt was made to use an object that is not, or is no longer, usable.

like image 646
KleggerKoder Avatar asked Oct 06 '14 15:10

KleggerKoder


2 Answers

Just for the record, this question appears to have been asked on and linked from the Apple Developer Forums. The official response from Apple is that the HTML5 Application Cache functionality is not available in WKWebView:

The offline application cache is not enabled in WKWebView. Feel free to request that it be made available via https://bugreport.apple.com.

like image 153
Michael McGuire Avatar answered Nov 14 '22 11:11

Michael McGuire


I think you are trying to solve the same problem as I do. This is what I do.

  1. Save the start page of your web app into one HTML file(index.html), embedding everything (CSS, JS, images as base 64, icon fonts). And add that file into your Xcode project.
  2. Start the app by reading the content of the HTML file and load it in your WKWebView. You can set the base as the same url you are supposed to start with. This way, it'll be as if the web app is opened on your web site.

The benefit is that your app will always start even when the user's network isn't good. Here's the SWIFT code that I use, courtesy of Matt Neuberg (https://books.google.com/books?id=wLaVBQAAQBAJ&pg=PT669&lpg=PT669&dq=addConstraints+wkwebview&source=bl&ots=7trE7MR1zR&sig=VT6GDBGbDw9dh89wDb5Uajd4gUY&hl=en&sa=X&ei=cyyeVNH4MM3ToATukoDgAQ&ved=0CDkQ6AEwBA#v=onepage&q=addConstraints%20wkwebview&f=false). If you want the full source code, please let me know and I'll post it on Github.

    let templatepath = NSBundle.mainBundle().pathForResource("index", ofType: "html")!
    let base = NSURL(string:"http://m.ftchinese.com/iphone-2014.html#iOSShare")
    var s = NSString(contentsOfFile:templatepath, encoding:NSUTF8StringEncoding, error:nil)!
    self.webView!.loadHTMLString(s, baseURL:base)
like image 1
Oliver Zhang Avatar answered Nov 14 '22 09:11

Oliver Zhang