javascript - Chrome 扩展程序事件选项卡和 console.log

标签 javascript google-chrome google-chrome-extension

这是我的第一个 Chrome 扩展，我只想从一件简单的事情开始:获取 url 并将其显示在 console.log() 中。问题是当我单击该按钮时，没有记录任何内容。

list .json

{
  "manifest_version": 2,

  "name": "Copy Title and URL",
  "description": "This extension will copy the title and url of an article",
  "version": "1.0",

  "browser_action": {
   "default_icon": "icon.png",
   "default_popup": "popup.html"
  },
  "permissions": [
   "activeTab"
   ]
}

popup.html

<!doctype html>
<html>
  <head>
    <title>Copy Title & URL</title>
    <script src="popup.js"></script>
  </head>
  <body>
    <button id="copyUrl">Copy Title + URL</button>
  </body>
</html>

popup.js

document.addEventListener('DOMContentLoaded', function() {
  var copyURLButton = document.getElementById('copyUrl');
  copyURLButton.addEventListener('click', function() {
    chrome.tabs.getSelected(null, function(tab) {
      console.log(tab.url);
    });
  }, false);
}, false);

知道我在这里做错了什么吗？

谢谢。

最佳答案

可能您正在查看的控制台是错误的，因为您的代码看起来不错(除了使用已弃用的 getSelected() 之外，您应该切换到 query())

要访问弹出窗口的控制台，您需要右键单击扩展程序的按钮并选择“检查弹出窗口”。

关于javascript - Chrome 扩展程序事件选项卡和 console.log，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31649205/