Chrome扩展活动选项卡和console.log

Chrome extension active tab and console.log

本文关键字：console log 选项 扩展 活动 Chrome      更新时间：2023-09-26

这是我的第一个chrome扩展，我只想从一个简单的事情开始:抓取url并在console.log()中显示它。问题是当我点击那个按钮时，没有任何记录。

manifest.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())

要访问弹出窗口的控制台，您需要右键单击扩展的按钮并选择"Inspect popup"。

太棒了，我似乎看错了控制台。我将代码更改为下面的查询。

document.addEventListener('DOMContentLoaded', function() {
  var copyURLButton = document.getElementById('copyUrl');
  copyURLButton.addEventListener('click', function() {
    chrome.tabs.query({ currentWindow: true, active: true }, function (tabs) {
      console.log(tabs[0].url);
    });
  }, false);
}, false);
相关文章：