Question

这是我的第一个chrome扩展，我只想从一个简单的事情开始：抓住url并在console.log（）中显示它。问题是当我点击该按钮时，没有记录任何内容。

的manifest.json

>product.price = 500.00
=> 500.0
>product.price
=> #<BigDecimal:7ff479c6ba40,'0.5E3',9(36)>

popup.html

{
  "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.js

<!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>

知道我在这里做错了吗？

感谢。

Answer 1

您正在查找的控制台可能是错误的，因为您的代码似乎正常（除了使用已弃用的getSelected()，您应该切换到query()）

要访问弹出式窗口控制台，您需要右键单击扩展程序的按钮，然后选择＆＃34;检查弹出式窗口＆＃34;。

Answer 2

太棒了，我好像一直在看错了控制台。我将代码更改为以下查询。

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);

Chrome扩展程序活动标签和console.log

2 个答案: