Доступ из chrome.dom.openOrClosedShadowRoot к iframe?

Question

dimkoff @dimkoff

Доступ из chrome.dom.openOrClosedShadowRoot к iframe?

Manifest v3

{
	"version": "1.0.0",
	"name": "PAC",
	"manifest_version": 3,
	"permissions": [
		"webRequest",
		"webRequestAuthProvider"
	],
	"host_permissions": [
		"<all_urls>"
	],
	"background": {
		"service_worker": "background.js"
	},
	"content_scripts": [{
		"all_frames": true,
		"js": [
			"content.js"
			],
		"matches": [ "<all_urls>" ],
		"run_at": "document_start"
	}],
	"web_accessible_resources": [{
		"resources": ["interceptor.js"],
		"matches": ["<all_urls>"]
	}]
}

Пример страницы

<!DOCTYPE html>
<html lang="ru">
	<head></head>
	<body>
		<div id="example">
			<div>
				#shadow-root (close)
				<iframe src="Другой домен">
					#document
					<!DOCTYPE html>
					<html lang="en-US" dir="ltr">
						<head></head>
						<body>
							#shadow-root (close)
							<div>
								<div id="content"><div>
							<div>
						</body>
					</html>
				</iframe>
			<div>
		</div>
	</body>
</html>

Мне нужно получить доступ к

#content

.
Но не могу получить доступ к документу iframe.

content.js

var shadowRoot = chrome.dom.openOrClosedShadowRoot(document.getElementById("example").firstChild);
console.log(shadowRoot.firstChild.contentDocument)

contentDocument - выдает null.

В Firefox это можно сделать так:

content.document.getElementById("example")
.firstChild.openOrClosedShadowRoot.firstChild.contentDocument
.body.openOrClosedShadowRoot.querySelector("#content")

Есть ли способ? или что делаю не так?

Вопрос задан 02 сент.
86 просмотров

7 комментариев

Подписаться 1 Средний 7 комментариев

Aetae @Aetae Куратор тега JavaScript

Хз что за магия с там с shadowRoot, но обычно чтоб работать с фреймами других доменов - надо внедрять во фрейм отдельный скрипт и взаимодействовать с ним через background.js или напрямую через postMessage.
Если фокс как-то умеет из контекста расширения игнорировать границы доменов - то это интересно, но хз.

Написано 02 сент.
dimkoff @dimkoff Автор вопроса

Aetae,
Ок, внедрить не проблема. Но только в этом скрпте не будет доступа к
chrome.dom.openOrClosedShadowRoot

Написано 02 сент.
dimkoff @dimkoff Автор вопроса

Aetae, У background.js же нет доступа к DOM. Я х.з. как это организовать

Написано 02 сент.
Aetae @Aetae Куратор тега JavaScript

dimkoff, всмысле не будет? Точно такой же content.js только в домене фрейма и с флагом "загружать во фреймы"(не помню как он там называется).
background.js чисто промежуточный скрипт для обмена сообщениями меж скриптом на основной владке и скриптом во фрейме(если такая связь вообще нужна). Сто лет не трогал расширения, возможно там есть способ общаться напрямую...

upd: смотрю флаг all_frames уже стоит у тебя. А значит у тебя и так уже есть две копии content.js - одна на основном сайте, другая во фрейме. Тебе осталось только определять какая где и общаться между ними. Воспринимай фрейм чужого домена как отдельный сайт в отдельной вкладке, если так тебе будет понятнее.

Написано 02 сент.
dimkoff @dimkoff Автор вопроса

Aetae, Так inject скрипты не имеют доступа к chrome, только к dom страницы.
Хорошо, я проверю.

Написано 02 сент.

dimkoff @dimkoff Автор вопроса

Aetae,

script.js

let scripts = [
		"interceptor.js"
    ];
    scripts.forEach(s => {
        let script = document.createElement('script');
        script.src = chrome.runtime.getURL(s);
        (document.head||document.documentElement).prepend(script);
    });

interceptor.js

let LOOP = setInterval(function(){
			var shadowRoot = chrome.dom.openOrClosedShadowRoot(document.querySelector("body"));
			if(shadowRoot){
				console.log(shadowRoot)
				if(shadowRoot.querySelector("#content")){
					shadowRoot.querySelector("#content").click();
					clearInterval(LOOP);
				}
			}
		}, 5000);

Uncaught TypeError: Cannot read properties of undefined (reading 'openOrClosedShadowRoot')

Написано 02 сент.

Aetae @Aetae Куратор тега JavaScript
dimkoff, да блин. Не надо ничего никуда инжетктить руками.
Убери run_at, напиши в своём content.js:

console.log(location.href, chrome.dom.openOrClosedShadowRoot(document.querySelector("body"))

И посмотри в консоль.
Написано 02 сент.

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Proxy

+1 ещё

Средний
Существует ли расширение для браузера с быстрым выбором прокси из списка своих прокси?
- 1 подписчик
- 33 минуты назад
- 10 просмотров
1

ответ
JavaScript

Простой
Почему в justifiedGallery первая фото заполняет всю ячейку?
- 1 подписчик
- час назад
- 14 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как исправить ошибки кода на Тильде?
- 1 подписчик
- 2 часа назад
- 29 просмотров
0

ответов
JavaScript

+3 ещё

Средний
Как загрузить в гугл таблицу результаты опроса из телеграм бота?
- 1 подписчик
- 3 часа назад
- 40 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Компилируемый ЯП в стилистике JS есть?
- 1 подписчик
- 16 часов назад
- 181 просмотр
6

ответов
JavaScript

+1 ещё

Простой
Как на jQuery можно добавить класс к блоку после того, как анимация прошла полный цикл?
- 1 подписчик
- 17 часов назад
- 71 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Как обработать объект конкретного дочернего компонента в родительском?
- 1 подписчик
- 18 часов назад
- 79 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как правильно передать строку из js в php при помощи ajax?
- 1 подписчик
- 19 часов назад
- 69 просмотров
1

ответ
JavaScript

Простой
Как запустить цикл for of для длинны массива?
- 2 подписчика
- вчера
- 206 просмотров
3

ответа
JavaScript

+2 ещё

Простой
Как создать элементы пагинации с многоточием?
- 2 подписчика
- вчера
- 243 просмотра
1

ответ
Показать ещё Загружается…

JavaScript Разработчик

Photo Lab

от 4 000 €

JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

JavaScript разработчик

вАйТи

от 1 000 до 25 000 ₽

Нарисовать схему функциональной архитектуры сервиса

10 окт. 2024, в 10:49

3000 руб./за проект

Обновить уже готовое мобильное приложение по обработке фотографий

10 окт. 2024, в 10:37

200000 руб./за проект

Запрограммировать (back-end) и продумать алгоритм для слота в (игре)

10 окт. 2024, в 10:31

100000 руб./за проект

Хз что за магия с там с shadowRoot, но обычно чтоб работать с фреймами других доменов - надо внедрять во фрейм отдельный скрипт и взаимодействовать с ним через background.js или напрямую через postMessage.
Если фокс как-то умеет из контекста расширения игнорировать границы доменов - то это интересно, но хз.
Aetae,
Ок, внедрить не проблема. Но только в этом скрпте не будет доступа к
chrome.dom.openOrClosedShadowRoot
Aetae, У background.js же нет доступа к DOM. Я х.з. как это организовать
dimkoff, всмысле не будет? Точно такой же content.js только в домене фрейма и с флагом "загружать во фреймы"(не помню как он там называется).
background.js чисто промежуточный скрипт для обмена сообщениями меж скриптом на основной владке и скриптом во фрейме(если такая связь вообще нужна). Сто лет не трогал расширения, возможно там есть способ общаться напрямую...

upd: смотрю флаг all_frames уже стоит у тебя. А значит у тебя и так уже есть две копии content.js - одна на основном сайте, другая во фрейме. Тебе осталось только определять какая где и общаться между ними. Воспринимай фрейм чужого домена как отдельный сайт в отдельной вкладке, если так тебе будет понятнее.
Aetae, Так inject скрипты не имеют доступа к chrome, только к dom страницы.
Хорошо, я проверю.
Aetae,

script.js

let scripts = [ "interceptor.js" ]; scripts.forEach(s => { let script = document.createElement('script'); script.src = chrome.runtime.getURL(s); (document.head||document.documentElement).prepend(script); });

interceptor.js

let LOOP = setInterval(function(){ var shadowRoot = chrome.dom.openOrClosedShadowRoot(document.querySelector("body")); if(shadowRoot){ console.log(shadowRoot) if(shadowRoot.querySelector("#content")){ shadowRoot.querySelector("#content").click(); clearInterval(LOOP); } } }, 5000);

Uncaught TypeError: Cannot read properties of undefined (reading 'openOrClosedShadowRoot')
dimkoff, да блин. Не надо ничего никуда инжетктить руками.
Убери run_at, напиши в своём content.js:

console.log(location.href, chrome.dom.openOrClosedShadowRoot(document.querySelector("body"))

И посмотри в консоль.

Доступ из chrome.dom.openOrClosedShadowRoot к iframe?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт