Как сделать выполнение js только на доменах из списка?

Question

[Aison]

Делаю простенькое расширение для хрома. Возникала проблема, расширение работает на всех сайтах, а нужно, чтобы js скрипт срабатывал на определённых доменах, которые скрипт будет получать из txt-файла по какому-нибудь адресу.

Знаю, что можно заюзать манифест расширения, но там неудобно будет вносить новые домены, а у себя на сервере всё же проще править текстовик, чем каждый раз делать обновку расширению.

Comments

[Вадим]

window.location?

[Aison]

Вадим, написал... короче, блочит браузер, пишет что междоменные запросы нельзя

[Вадим]

Aison, Вам нужно настроить сервер, на котором храните файл, чтоб пропускал. Ну и в целом погуглите про CORS и как это решается. Инфы тонна.

[Aison]

Вадим, а как настроить то? расширения до этого не писал, мб у Вас есть мануал?

[Вадим]

Aison, https://www.yandex.ru/search/?lr=35&offline_search...

[Вадим]

Aison, https://habr.com/ru/post/489682/

[GrayHorse]

Да он же про расширение для браузера говорит.

Чтобы обойти CORS нужно запросы из бекграунд скрипта делать.
Естественно, если в манифесте есть разрешение для данного сайта или сразу для всех: <all_urls>.

[Aison]

GrayHorse, у меня скрипт работает с контентом на странице) а из под бекграунд'а не будет работать скрипт

[GrayHorse]

Ну так данные можно передавать из бекграунд скрипта в контент скрипт и наоборот.
Или можно добавлять динамически хедеры, которые будут ослаблять CORS для твоих реквестов.

Или не парить мозг и вместо расширения написать юзерскрипт.
Он будет и иметь доступ к DOM, и работать игнорируя CORS.
Легко редактируется (для добавляния новых сайтов, на которых должен запускаться).

[Aison]

GrayHorse, а что Вы имеете ввиду под юзер-скриптом"?

[GrayHorse]

JS файл для расширения ViolentMonkey/TamperMonkey.

GM.xmlHttpRequest API нужно использовать для запросов, чтобы обойти CORS.

База юзерскриптов: https://greasyfork.org/

[Надим]

Aison, вы не поняли идею, вам просто надо вынести все POST / GET запросы в фоновый скрипт. Если вашему контент-скрипту надо сделать запрос, он должен просто попросить сделать этот самый запрос фоновую страницу.

[Aison]

Надим Закиров, можно пример на основе кода ? если не сложно

var client = new XMLHttpRequest();
client.open('GET', 'https://site.org/data.txt');
client.onreadystatechange = function() {
  if (client.readyState == 4 && client.status == 200) {
    if (client.responseText.split(' ').includes(document.domain)) {
      document.querySelector('.eyeaq-hide').style.display = "none";
    } else { 
      alert ('ахтунг!  не тот сайт');
    }
  }
}
client.send();

[Надим]

Aison, я могу вам помочь, но платно, тут много чего объяснять надо, потребуется целая мини лекция.

Answer 1

[GrayHorse]

Напиши юзерскрипт вместо расширения.

Вот пример:

// ==UserScript==
// @name        Toster Example
// @match       https://qna.habr.com/*
// @match       https://toster.ru/*
// @grant       GM.xmlHttpRequest
// @connect     https://example.com
// ==/UserScript==

!async function() {
    console.log("userscript start");
    const response = await new Promise((resolve, reject) => {
        GM.xmlHttpRequest({
            method: "get",
            url: "https://example.com",
            responseType: "text",
            onload: resolve,
            onerror: reject,
        });
    });
    console.log("response:", response);

    const {response: text} = response;
    console.log("text:", text);
}();

Запускается на каждой странице Тостера (см @match), и успешно логирует в консоль содержание https://example.com несмотря на CORS.