Доступ из 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 сент.
75 просмотров

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 сент.

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

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

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

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

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

JavaScript

+3 ещё

Простой
Проблема модального окна, как исправить?
- 1 подписчик
- 3 часа назад
- 40 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Некоторые скрипты пашут. Но у меня ошибка с одним wp_enqueue_script?
- 1 подписчик
- 7 часов назад
- 20 просмотров
0

ответов
JavaScript

Простой
Как получить данные из Promise?
- 2 подписчика
- 18 часов назад
- 81 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Как удалить Content-Security-Policy?
- 1 подписчик
- вчера
- 50 просмотров
0

ответов
JavaScript

+4 ещё

Простой
Не открывается другая страница (webapp telegram)?
- 1 подписчик
- вчера
- 86 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Почему при наведении добавляется класс?
- 1 подписчик
- вчера
- 102 просмотра
2

ответа
JavaScript

Простой
Как добавить событие фокуса на динамические элементы?
- 1 подписчик
- вчера
- 87 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Какой JS-фреймворк выбрать для создания Telegram Mini App и нужен ли фреймворк?
- 1 подписчик
- вчера
- 144 просмотра
1

ответ
JavaScript

Простой
Как получить все аргументы из функции даже если они undefined?
- 1 подписчик
- вчера
- 74 просмотра
1

ответ
Node.js

+1 ещё

Простой
Иногда долгие XHR-запросы. После перезапуска баузера Chrome проблема пропадает. В чем может быть проблема?
- 1 подписчик
- 12 сент.
- 66 просмотров
0

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

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

JavaScript Разработчик (проект 4 мес)

KeyHabbits

от 150 000 до 230 000 ₽

Full stack C# + JavaScript Team Lead

United Developers

от 400 000 ₽

Нужен фронтендер для тапалки в тг

15 сент. 2024, в 10:41

1500 руб./в час

Развернуть Greenplum в Docker-контейнере

15 сент. 2024, в 10:38

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

Реворк фронта Тапалка. Бэк готов, дизайн тоже

15 сент. 2024, в 10:37

1200 руб./в час

Хз что за магия с там с 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?

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

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

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