Czy można przenieść pasek z jednej otwartej karty na drugą już otwartą kartę z rozszerzeniem Chrome?

Question 1

Cóż, jestem uwięziony w tej sprawie, bo nawet nie wiem, od czego zacząć poszukiwania.

Oto problem, który chciałbym rozwiązać:

Chciałbym zautomatyzować pewne procesy, wymagające "kopiuj-wklej" wartości z jednej strony na drugą (z różnymi adresami URL), więc chciałem stworzyć rozszerzenie, w którym mógłbym znaleźć węzeł DOM, weź jego wartość tekstowa i automatycznie umieścić w pole tekstowe z drugiej strony.

Poszukałem w oficjalnej dokumentacji Mozilla i stwierdził, że "tabs.SendMessage" może być czymś, co mógłbym użyć, ale potrzebuję tabs.id i dla tego, co czytałem, "chrome.tabs", jak się wydaje, jest właściwością tylko rozszerzeń, więc zaczynam myśleć, że być może, to nie da się zrobić.

Chciałbym się dowiedzieć, jak to zrobić, bo to jest zapisane by mi zegarek od rutynowej pracy, która wymaga transmisji danych z jednej karty na drugą, ale coś zmienia.

Question 2

Dzięki @wOxxOm znalazłem sposób, aby rozwiązać ten problem, to rozwiązanie, które dostaję:

Okno pop-up kroki, które uruchamia skrypt na stronie, z której biorę informacje i scenariusz zawartości, który jest uruchamiany na stronie docelowej, to oczywiste.json:

{
  "name": "autofill",
  "description": "Writes info from one tab to another",
  "version": "1.0",
  "manifest_version": 3,
  "background": {
    "service_worker": "first-page-background.js"
  },
  "permissions": ["storage", "activeTab", "scripting"],
  "content_scripts": [
    {
      "matches": ["https://second-tab.com/"],
      "js": ["second-tap-content.js"]
    }
  ],
  "action": {
    "default_popup": "popup.html"
  }
}

Oto javascript, związane z "popup.html" w którym mogę zmienić zmienną magazynu chrome:

document
.querySelector('xpath_to_element_i_want_trigger_action') 
.addEventListener('click', () => {
  let data = document.querySelector(
    'xpath_to_data'
  ).innerText;
  chrome.storage.sync.set({ form_data: data });
});

A oto działający kod w treści skryptu dla drugiej karty:

chrome.storage.onChanged.addListener(function (changes) {
  for (let [key, { oldValue, newValue }] of Object.entries(changes)) {
    
    let searchBox = document.querySelector("#id_in_form)

    searchBox.innerHTML = newValue

  }
});

Mam nadzieję, że to pomoże komuś innemu!

Rodrigo Reyes · Answer 1 · 2021-11-22T19:10:38

Dzięki @wOxxOm znalazłem sposób, aby rozwiązać ten problem, to rozwiązanie, które dostaję:

Okno pop-up kroki, które uruchamia skrypt na stronie, z której biorę informacje i scenariusz zawartości, który jest uruchamiany na stronie docelowej, to oczywiste.json:

{
  "name": "autofill",
  "description": "Writes info from one tab to another",
  "version": "1.0",
  "manifest_version": 3,
  "background": {
    "service_worker": "first-page-background.js"
  },
  "permissions": ["storage", "activeTab", "scripting"],
  "content_scripts": [
    {
      "matches": ["https://second-tab.com/"],
      "js": ["second-tap-content.js"]
    }
  ],
  "action": {
    "default_popup": "popup.html"
  }
}

Oto javascript, związane z "popup.html" w którym mogę zmienić zmienną magazynu chrome:

document
.querySelector('xpath_to_element_i_want_trigger_action') 
.addEventListener('click', () => {
  let data = document.querySelector(
    'xpath_to_data'
  ).innerText;
  chrome.storage.sync.set({ form_data: data });
});

A oto działający kod w treści skryptu dla drugiej karty:

chrome.storage.onChanged.addListener(function (changes) {
  for (let [key, { oldValue, newValue }] of Object.entries(changes)) {
    
    let searchBox = document.querySelector("#id_in_form)

    searchBox.innerHTML = newValue

  }
});

Mam nadzieję, że to pomoże komuś innemu!

Czy można przenieść pasek z jednej otwartej karty na drugą już otwartą kartę z rozszerzeniem Chrome?

Pytanie

Najlepsza odpowiedź

W innych językach

Ta strona jest w innych językach

Popularne w tej kategorii

Najczęściej zadawane pytania w tej kategorii