有没有办法在WKWebView中设置本地存储

时间:2017-07-04 04:00:14

标签: ios local-storage wkwebview

我想在向WKWebView提出请求之前设置本地存储是否可以在任何iOS版本中使用?

无法找到方法,唯一似乎相关的类是WKWebsiteDataStore https://developer.apple.com/documentation/webkit/wkwebsitedatastore,它只有读取和删除的方法。

2 个答案:

答案 0 :(得分:8)

来自@paulvs评论这就是我的工作。

设置导航委托以侦听已完成的回调。

webView.navigationDelegate = self

然后在回调中,检查localStorage中的值并设置是否需要。

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {

    webView.evaluateJavaScript("localStorage.getItem(\"key\")") { (result, error) in

        // check if result is what I want
        // if it is what I want, do nothing
        // if not set it
        webView.evaluateJavaScript("localStorage.setItem(\"key\", \"value\")") { (result, error) in

            webView.reload()

        }            
    }
}

答案 1 :(得分:2)

您不需要重新加载页面-只需使用WKUserScript上的.atDocumentStart注入本地存储数据

// Restore local storage

// Instantiate the configuration before instantiating `WKWebView`

let configuration = WKWebViewConfiguration()

// Clear existed local storage just after document element is created

let script = WKUserScript(
    source: "window.localStorage.clear();",
    injectionTime: .atDocumentStart,
    forMainFrameOnly: true
)
configuration.userContentController.addUserScript(script)

// Preare your local storage data

let localStorageData: [AnyHashable : Any] = [:]

if JSONSerialization.isValidJSONObject(localStorageData),
    let data = try? JSONSerialization.data(withJSONObject: localStorageData, options: []),
    let value = String(data: data, encoding: .utf8) {
    // Inject valid local storage data just after document element is created
    let script = WKUserScript(
        source: "Object.assign(window.localStorage, \(value));",
        injectionTime: .atDocumentStart,
        forMainFrameOnly: true
    )
    configuration.userContentController.addUserScript(script)
}

// Instantiate WebView with the configuration

let webView = WKWebView(frame: .zero, configuration: configuration)
        
// Later you may save the updated local storage
webView.evaluateJavaScript("Object.assign({}, window.localStorage);") { (result, error) in
    // let updatedlocalStorageData = (result as? [AnyHashable : Any]) ?? [:]
}