Как правильно работать с manifest.json?

Question

[triggger12]

{
"matches" : ["script_vk.com", "noscript_youtube.com"],
"js" : ["script.js*","noscript.js*"],
"run_at": "document_end"
}

Задумка была в том,чтобы при заходе на vk.com подрубался script.js,а если на youtube.com,то скрипт noscript.js
( Это не значит,что скрипт работает только лишь на сайте vk.com! Должно работать в форме включателя и выключателя,при заходе на один сайт скрипт включается и на всех других сайтах работает код,а при заходе на другой сайт,он выключается на сайтах )

Answer 1

[Алексей Ярков]

Задумка была в том,чтобы при заходе на vk.com подрубался script.js,а если на youtube.com,то скрипт noscript.js

Вот и сделайте один скрипт, который будет подключаться на всех сайтах, а в нем смотрите на домен и подключайте нужный вам скрипт.

{
  "matches" : ["vk.com", "youtube.com"],
  "js" : ["entry.js"],
  "run_at": "document_end"
}

Comments

[triggger12]

{
"matches" : ["all_urls"],
"js" : ["entry.js"],
"run_at": "document_end"
}

Получается,что-то подобное в manifest?

[Алексей Ярков]

triggger12, только entry.js, остальные укажите в web_accessible_resources
И внутри entry.js что-то такое:

if (location.host === 'vk.com') {
    const script = document.createElement('script');
    script.src = browser.runtime.getURL('script.js');
    document.head.appendChild(script);
}

[triggger12]

Алексей Ярков,
if (location.host === 'vk.com') {
const script = document.createElement('noscript');
script.src = browser.runtime.getURL('noscript.js');
document.head.appendChild(noscript);
}
else if (location.host !== 'vk.com') {
const script = document.createElement('script')
script.src = browser.runtime.getURL('script.js')
document.head.appendChild(script);
}

Получается так? :D

[Алексей Ярков]

triggger12,

function appendScript(name) {
    const script = document.createElement('script');
    script.src = browser.runtime.getURL(name);
    document.head.appendChild(script);
}

let scriptName = '';

switch (location.host) {
    case 'vk.com':
    default:
        scriptName = 'script.js';
        break;
    case 'youtube.com':
        scriptName = 'noscript.js';
        break;
}

appendScript(scriptName);

[triggger12]

MANIFEST.JSON
"name": "123",
"description": "Expansion",
"version": "1.0",
"manifest_version":2,
"web_accessible_resources": [
{
"js" : ["script.js","noscript.js"]
}
],
"content_scripts": [
{
"matches" : ["all_urls"],
"js" : ["entry.js"],
"run_at": "document_end"
}
]
}

Invalid value for 'web_accessible_resources[0]'.
Из за чего может ругаться?

[Алексей Ярков]

triggger12, из-за нежелания читать доки )) Запись в таком виде некорректна.

[triggger12]

Алексей Ярков, Ой,что-то сразу не увидел)

[triggger12]

Алексей Ярков,

[Алексей Ярков]

triggger12, вы серьезно?
Заменить browser на chrome нельзя?

[triggger12]

Алексей Ярков, Исправил,но я немного видимо не понимаю.Код же должен работать по принципу,если youtube.com,то происходит переход с script.js на noscript.js.если vk.com то наоборот,но факт в том,что при переходе на youtube.com не случается смена скрипта.Из за чего может быть?

[Robur]

Проще просто в локалсторадж переменную положить и ставить ее в true/false при заходе. и от этой переменной дальше определять скрипту работать или нет. а скрипт сделайте один для всех, зачем этот огород?

[triggger12]

Robur, Тоже как вариант,можете примерный код написать,как это должно выглядеть? А то на словах довольно размыто понимаю) ( недавно начал изучать js )

[Robur]

примерный код такой:

//где-нибудь при загрузке расширения
  if (там где нужно включить) 
     //сохранить в localStorage или storage Api

  //где-то где та логика которую надо включать - отключать
  if (//сохраненный флаг - выключить)
     //выходим и ничего не делаем

более примерный как что-то сохранить/прочитать можете посмотреть например тут (можно и просто в localStorage насколько я понимаю но не проверял и не гуглил - попробуйте или погуглите):
https://developer.chrome.com/extensions/storage

как сделать так чтобы код выполнялся или нет в зависимости от того true или false у вас в переменной - думаю сами разберетесь уже.

[triggger12]

Robur, Как я понял,локалсторадж не может взаимодействовать с посторонними сайтами.
if (url === "vk.com") {
localStorage.setItem('bgcround', 'green')

}

И при заходе на vk.com не происходит создание bgcround,ошибок нету.