Вопрос по – Связь между ContentScript.js и расширением Chrome

0

Я просто хочу отправить текущую ссылку на вкладку в мое расширение:

Следующее - мой manifest.json

<code>{
 "name": "DocUrlExtention",
 "version": "1.0",
 "manifest_version": 2,
 "description": "The first extension that I made.",
 "browser_action": {
 "default_icon": "icon.png",
 "default_popup": "popup.html"
},
 "content_scripts": [
 {
  "matches": ["http://*/*"],
  "js": ["contentscript.js"]
 }
 ]}
</code>

Ниже приводится мой contentcript.js

<code>chrome.extension.sendRequest({url: window.location.href}, function(response) {
   console.log(response.farewell);
});
</code>

Следующее - мой popup.html

<code><!doctype html>
<html>
<head>
<title>Getting Started Extension's Popup</title>

<script>
    chrome.extension.onRequest.addListener(
      function(request, sender, sendResponse) {
        console.log(sender.tab ?
                    "from a content script:" + sender.tab.url :
                    "from the extension");
      });
</script>

<!-- JavaScript and HTML must be in separate files for security. -->
<!--<script src="popup.js"></script>-->
</head>
<body>
<div id="mydiv">Doc Id:</div>
</body>
</html>
</code>

Я ничего не вижу в консоли. Я новичок в расширениях Chrome.

Люди находят мой ответ полезным, в котором содержится некоторая информация о Chrome Extensions, которую я узнал, проводя слишком много времени, узнавая о них.stackoverflow.com/questions/11920473/… Dylan Valade

Ваш Ответ

1   ответ
1

Ваш файл манифеста содержит"manifest_version": 2,, что позволяетПолитика безопасности контента, По умолчанию,Встроенный JavaScript не будет выполнен, И естьнет способа расслабить CSP так, чтобы встроенный JavaScript был разрешен.

У вас есть два варианта:

  1. Remove "manifest_version": 2 (which disabled the default CSP).
  2. Move the inline JavaScript to an external file.

Второй метод рекомендуется, иalso suggested in your code...

...
<!-- JavaScript and HTML must be in separate files for security. -->
<!--<script src="popup.js"></script>-->
</head>
...

PS. Инструменты Dev для всплывающего окна могут быть открытыright-clicking на значке действия браузера и выбрав последний вариант,& quot; Проверить всплывающее окно & quot;.

Похожие вопросы