基本上在我的窗口上（当您单击图标时）它应该打开并显示选项卡的 URL，在它旁边我希望它说“保存”，它将保存到 localStorage，并显示在下面进入已保存的链接区域。
像这样：
书签之类的东西 :)
【问题讨论】：
chrome.tabs.getSelected。此 API 方法已被弃用，您必须改用 chrome.tabs.query - 请参阅 How to get the currently opened tab's URL in my page action popup?
标签： html google-chrome google-chrome-extension local-storage
如果您想做类似的事情，您可以使用 Chrome 扩展 API 轻松完成。要寻找的区域是：
现在第一步是创建您的 popup.html 文件并记住它是瞬态的，也就是说，它仅在您单击浏览器操作时才存在，然后在退出（关闭）时死亡。我想说的是，如果您有大量计算并且您希望它在后台发生并且即使弹出窗口关闭也会发生，请将所有内容移至background page。在您的弹出窗口中，您可以使用 chrome.extension.getBackgroundPage() 轻松访问背景页面
在您的 popup.html 中，您需要获取当前选项卡的 URL，为此，Tab API 有一个“getSelected”函数，允许您获取所选选项卡的Tab object。
所以是这样的：
popup.html
<html>
<body>
<p id="currentLink">Loading ...</p>
<hr />
<ul id="savedLinks"></ul>
<script type="text/javascript" src="popup.js"></script>
</body>
</html>
popup.js
chrome.tabs.getSelected(null, function(tab) {
document.getElementById('currentLink').innerHTML = tab.url;
});
不能在 HTML 文件中放置 JavaScript 代码的原因是 Chrome 保护其用户免受 JavaScript 攻击的限制：
不允许内联脚本和事件处理程序
现在这将允许您在当前页面的弹出窗口中显示 URL 作为浏览器操作。下一步是使用简单的 HTML5 功能，例如 localStorage 或 Webdatabase（我认为这会更好）。要将保存的页面存储到其中，您可以在 savedLinks 页面上呈现它们，就像我为 currentLink 所做的那样。
祝你好运！
【讨论】：
我想更新这个答案，因为 API 发生了变化。
chrome.tabs.getSelected() 方法现已弃用。获取当前标签页 URL 的推荐方法是使用chrome.tabs.query()：
chrome.tabs.query({'active': true}, function (tabs) {
var url = tabs[0].url;
});
这仍然需要您在扩展清单中请求访问 chrome.tabs API：
"permissions": [ ...
"tabs"
]
您可以在此处阅读有关弃用的更多信息：chrome.tabs.getSelected()
希望这会有所帮助！
【讨论】：
要获取当前的url，需要先获取当前的tab，然后提取所有的参数。
获取当前标签使用，chrome.tabs.getSelected()。然后，要从选项卡对象中获取参数，请参考tabs api
你的代码 sn-p 应该是这样的，
chrome.tabs.getSelected(null, function(tab) {
//properties of tab object
tabId = tab.id;
tabUrl = tab.url;
//rest of the save functionality.
});
您还需要在扩展程序的清单中声明“选项卡”权限才能使用选项卡 API。例如
{
"name": "My extension",
...
"permissions": [
"tabs"
],
...
}
【讨论】：