时间戳

首页 > 解决方案 > 如何获取已保存到 Google Chrome 扩展程序中的数据？

javascript - 如何获取已保存到 Google Chrome 扩展程序中的数据？

问题描述

我正在尝试为 Google Chrome 创建一个“稍后观看”扩展程序。当我按下扩展程序时，它会显示一个弹出窗口。这里有 2 个按钮和 ap 元素。

第一个按钮用于将实际 url 保存到 Chrome 的存储中。

第二个按钮应该将我按下第一个按钮时保存的 url 放入 p 元素中。

Buuuuut这是行不通的。:(

这是我的代码：

saveItem.onclick = function(element) {
  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {

    var activeTab = tabs[0];
    var activeTabId = activeTab.id; // or do whatever you need

    chrome.storage.sync.set({ "activeTab": activeTabId }, function(){
      
  });

 });
};

checkWhatsSaved.onclick = function(element) {
  chrome.storage.sync.get(["activeTab"], function(items){
    var item = String(items);
    alert(item);
    document.getElementById(urlDude).innerHTML = item;
    
});
}
<!DOCTYPE html>
  <html>
    <head>
      <style>
        button {
          height: 30px;
          width: 30px;
          outline: none;
        }
      </style>
    </head>
    <body>
      <button id="saveItem">save</button>
      <button id="checkWhatsSaved">load</button>
      <script src="popup.js"></script>

      <p id="urlDude">nothing to show. :(</p>
    </body>
  </html>

我做错了什么？

谢谢！

标签： javascripthtmlgoogle-chromevisual-studio-codegoogle-chrome-extension

解决方案

推荐阅读