有没有一种方法可以在WKWebView中设置本地存储？

Question

在向 WKWebView 发送请求之前，我希望能够设置本地存储。这在任何 iOS 版本中都可能吗？

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

- sarunw

---

在页面加载之前，需要将值设置在本地存储中吗？如果是这种情况，您可以加载一个空的 Web 视图，实现导航委托，并在 didFinishLoad 回调中注入一行 JavaScript 代码，将您的值设置在本地存储中。现在，加载您最初希望加载的页面。 - paulvs

是的，它用于确定页面的语言。 - sarunw

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

        }            
    }
}

- sarunw

---

这段代码在WKWebView加载完成后才会运行，对吗？那如果我想在viewDidLoad中第一次请求前设置本地存储项目该怎么办？ - Vaibhav Jhaveri

如何在本地存储中设置多个键和值 - Prateek kumar

@Prateekkumar 我认为你只需要在Javascript中使用分号将它们分开，就像它们是多行一样。 - Julio Bailon

@VaibhavJhaveri，你解决了你的问题吗？我也遇到了同样的问题。我不想让WKWebView先加载再重新加载。我需要在WKWebView的第一次请求之前设置本地存储。 - Neneil

Koshub的回答（https://dev59.com/cFcP5IYBdhLWcg3wFmgw#63485081）应该被接受，它比重新加载Web视图更优雅。 - grassyburrito

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

- Koshub