Как выполнить удаленный код на Manifest V3?

Question

[Надим]

Изучаю Manifest V3 и к сожалению там очень сильно урезали возможности.
Существует ли способ вставить и выполнить скрипт на целевом сайте инлайново?

ИНЛАЙНОВО!!! Это ключевой момент.

Comments

[Надим]

profesor08 если вам не сложно, можете изменить сложность вопроса на Сложный?
Я что-то то тупанул и выставил Простой.

[goshaLoonny]

profesor08 , Не меняйте, вопрос не сложный

[Надим]

goshaLoonny, сложный, потому что со вставкой именно inline огромные проблемы.

Answer 1

[Надим]

Решение найдено. Выполнить удаленный код на Manifest V3 можно следующим образом:

1. В манифесте расширения прописываем контент-скрипт для нужного вам сайта.

2. В файле контент-скрипта выполняем вставку тега script со ссылкой src на локальный файл из папки расширения. Это важный момент, на этом этапе нельзя сразу вставить удаленный код, так как расширение просто не даст это сделать ссылаясь на Content Security Policy. Поэтому сначала вставляем скрипт загрузчик, который должен обязательно присутствовать локально внутри с папкой расширения. Не забываем, что для загрузки локального скрипта у вас должны стоят правильные разрешения в манифесте в параметре web_accessible_resources.

3. Уже внутри этого локального скрипта загрузчика, который мы вставили на этапе 2, можно загрузить удаленный код со своего сервера и вставить его инлайново на страницу. Он будет гарантированно выполнен в контексте страницы словно это родной скрипт сайта. Для кого-то это не важно в каком контексте мы выполняем код, но для меня важно, так как иногда чтобы сгенерировать корректный Event надо это делать именно из контекста страницы.

Comments

[dmitriyn3679]

Здравствуйте, надеюсь все еще сможете ответить. Мой скрипт нужно подгрузить в начале загрузки страницы, но в таком случае у меня нет head. Также мой скрипт не нужно получать из api, но как я понял подход не меняется.

const script = document.createElement('script');
script.src = chrome.runtime.getURL('inject.js');

document.head.appendChild(script);

[Надим]

dmitriyn3679, в хроме это невозможно сделать, но можно во фаерфоксе, так как фаерфокс позволяет редактировать сам ответ сервера, саму страничку ещё до обработки.