chrome расширение получить значение из всплывающего окна. html и использовать его во всех активных вкладках? - PullRequest
1 голос
/ 15 марта 2020

Привет, ребята, у меня небольшая проблема, и мне нужна помощь, я создаю chrome расширение

Вопрос заключается в следующем: Как я могу получить значение из popup. html и использовать его во всех вкладках?

манифест. json

{
  "name": "ext name",
  "version": "0.1",
  "author" : "myname",
  "description": "my ext",
  "permissions": [
    "notifications",
    "tabs",
    "http://*/*",
    "https://*/*"
  ],
  "content_scripts" : [
    {
      "matches" : [
        "<all_urls>"
      ],
      "js" : ["jquery/jQuery.min.js"]

    }

  ],
  "background": {
    "scripts": ["jquery/jQuery.min.js","background.js"],
    "persistent": false
  },
  "browser_action" : {
    "default_popup": "popup.html"
  },
  "manifest_version": 2
}

и это мой html файл

всплывающее окно. html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>jQuery/JavaScript</title>
    <link href="https://fonts.googleapis.com/css?family=Sen&display=swap" rel="stylesheet">
    <script src="jquery/jQuery.min.js"></script>
    <link rel="stylesheet" href="stylesheet/stylesheet.css">
  </head>
  <body class="bg-dark">

<table><tbody>
  <tr>
    <td>Value to get? <input class="textBox" type="text" title="get this value" id="NumberOfTabs" maxlength="1" placeholder="0" /></td>
    <td><button id="UseGotValue" class="btn btn-openTab">use this value in all acive tabs</button></td>
  </tr>
  </tbody>
  </table>
    <script src="popup.js"></script>
  </body>
</html>

и это мое всплывающее окно. js

всплывающее окно. js

function OpenTabs() {
 console.log( $('input.textBox').val())
}
document.getElementById('UseGotValue').addEventListener('click', function(){OpenTabs();});

Я хочу, когда я нажимаю кнопку в моем расширение, чтобы принять значение текстового поля и использовать его во всех вкладках?

посмотрите на скриншот это консоль моего html моего расширения

https://prnt.sc/rhrhad

и это консоль других вкладок, которые я открываю

https://prnt.sc/rhrhug

в других вкладках я не могу выполнить значение, которое я указал в моем html расширении

Не могли бы вы, ребята, помочь мне, пожалуйста?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...