HTML5本地和會話存儲-HTML5 Local & Session storages · 前端開發手冊

HTML5支持Web Storage API，允許瀏覽器以比使用cookie更好的方式存儲鍵/值對。Web Storage API提供了兩種在本地存儲數據的機制： * window.localStorage存儲沒有過期日期的數據。 * window.sessionStorage存儲一個會話的數據（關閉瀏覽器選項卡時數據會丟失）。 JxBrowser提供允許使用本地和會話存儲的API。請參閱以下方法： * Browser.getLocalWebStorage（）返回本地Web存儲實例。 * Browser.getSessionWebStorage（）返回Session Web存儲實例。本地和會話存儲實現相同的WebStorage接口，該接口提供使用存儲的方法。 **要點**：如果JavaScript未訪問localStorage變量，則Browser.getLocalWebStorage（）方法返回null。原因是Chromium引擎中存在本地存儲的延遲初始化。您需要訪問JavaScript中的localStorage變量來初始化本地存儲。之后，您可以通過JxBrowser Web Storage API訪問它。這是當前實施的一個限制。以下代碼段演示了如何解決此限制： ``` browser.addLoadListener(new LoadAdapter() { @Override public void onDocumentLoadedInMainFrame(LoadEvent event) { Browser browser = event.getBrowser(); // Initialize WebStorage browser.executeJavaScript("localStorage"); // Access WebStorage WebStorage webStorage = browser.getLocalWebStorage(); // Read and display the 'myKey' storage value. String itemValue = webStorage.getItem("myKey"); } }); ``` 以下示例演示如何訪問已加載網頁的本地Web存儲，讀取和設置鍵/值對： ``` import com.teamdev.jxbrowser.chromium.Browser; import com.teamdev.jxbrowser.chromium.LoadHTMLParams; import com.teamdev.jxbrowser.chromium.LoggerProvider; import com.teamdev.jxbrowser.chromium.WebStorage; import com.teamdev.jxbrowser.chromium.events.LoadAdapter; import com.teamdev.jxbrowser.chromium.events.LoadEvent; import com.teamdev.jxbrowser.chromium.swing.BrowserView; import javax.swing.*; import java.awt.*; import java.util.logging.Level; /** * The sample demonstrates how to access WebStorage on * the loaded web page using JxBrowser API. */ public class WebStorageSample { public static void main(String[] args) { LoggerProvider.setLevel(Level.OFF); Browser browser = new Browser(); BrowserView view = new BrowserView(browser); JFrame frame = new JFrame(); frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); frame.add(view, BorderLayout.CENTER); frame.setSize(800, 600); frame.setLocationRelativeTo(null); frame.setVisible(true); browser.addLoadListener(new LoadAdapter() { @Override public void onDocumentLoadedInMainFrame(LoadEvent event) { Browser browser = event.getBrowser(); WebStorage webStorage = browser.getLocalWebStorage(); // Read and display the 'myKey' storage value. System.out.println("The myKey value: " + webStorage.getItem("myKey")); // Modify the 'myKey' storage value. webStorage.setItem("myKey", "Hello from Local Storage"); } }); browser.loadHTML(new LoadHTMLParams( "<html><body><button onclick=\"myFunction()\">" + "Modify 'myKey' value</button>" + "<script>localStorage.myKey = \"Initial Value\";" + "function myFunction(){alert(localStorage.myKey);}" + "</script></body></html>", "UTF-8", "http://teamdev.com")); } } ```