Question

我正在制作Google Chrome扩展程序，我在解决如何使用sessionStorage功能方面遇到了问题： https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage

这是我从以上链接获得的代码：

    /* Session Storage */
    sessionStorage.setItem('inputtextB', 'inputtext');

// Get the text field that we're going to track
var field = document.getElementById("field");

// See if we have an autosave value
// (this will only happen if the page is accidentally refreshed)
if (sessionStorage.getItem("autosave")) {
  // Restore the contents of the text field
  field.value = sessionStorage.getItem("autosave");
}

// Listen for changes in the text field
field.addEventListener("change", function() {
  // And save the results into the session storage object
  sessionStorage.setItem("autosave", field.value);
});

＆＃34;的inputText＆＃34;是我要保存的textarea。我只想要记住它的当前状态。据我所知，这将制作一份＆＃34; inputtext＆＃34;每次更改并将其保存到＆＃34; inputtextB＆＃34;，然后如果页面重新加载（但不关闭）它将替换＆＃34; inputtext＆＃34;使用＆＃34; inputtextB＆＃34;。

我的困惑在于，我不知道如何完成这项工作，我整天都在努力工作，无法弄明白。如果只有当我打开/关闭弹出窗口或者我重新加载当前页面时，如果chrome关闭，我不希望这种情况持续存在。

我已经查看了一些事情并且这些事情很接近，但我不知道这些是否是我想要发生的事情。
HTML5 sessionStorage or chrome.storage for Chrome Extension?我认为这可能是最接近的？ Chrome Extensions - Saving Settings
Chrome Extension: How to persist data in popup across popup clicks
我希望我能得到一点帮助，找出最好的方法来做到这一点。

编辑：
输入文本会发生什么然后按一个按钮然后解析它以便在HTML中使用。

这是如何工作的示例：
（嗨，你好吗？）并输出 -

(<span style="color: #008080;">Hi</span><span style="color: #006400;">,</span><span style="color: #008080;"> how are you</span><span style="color: #006400;">?</span> )

使用Inspect弹出窗口时，显示： https://i.gyazo.com/9effdfac3e8b38ba7aa3908189ec50a4.png
因为每当我按下按钮解析这个节目时我都添加了上面的代码：
https://i.gyazo.com/7264a620eb6019302909e12675343870.png

如何使用SessionStorage进行chrome扩展

0 个答案: