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

Question

我想在向 WKWebView 发出请求之前设置本地存储，在任何 iOS 版本中都可以吗？

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

Answer 1

来自@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()

        }            
    }
}

Answer 2

您无需重新加载页面 - 只需在 .atDocumentStart

使用 WKUserScript 注入本地存储数据

// 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]) ?? [:]
}

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

Is there a way to set local storage in WKWebView

local-storage

ios

wkwebview