Как найти и выбрать элемент внутри кода страницы через JavaScript?

Question

[huerman]

Ситуация следующая: поставил расширение в браузер, расширение создаёт документ во фрейме (картинки приложил ниже), через команду document.querySelector могу обратиться к фрейму, но дальше дело не идёт. Мне нужно обратиться непосредственно к этому документу или любому элементу внутри него и выполнить javascipt в нём для результата, во фрейме пробовал вводить - не катит. help

P.S. Да, прикол в том, что если через инструменты разработчика тыркнуть по самому #document или любому элементу внутри него и ввести команду в консоль, то она срабатывает, по другому нет



Дополнение: нашёл в консоли способ выбора, если выбрать то, что выбрано на скрине, то скрипт тоже выполняется. Вопрос - как изменить консоль стандартную (top) на эту(cvf-arkose-frame) через javascript код в самой консоле допустим (без использования мыши и кликов, как сделал я)

Comments

[сергей кузьмин]

вам нужно во фрейм перейти

[huerman]

сергей кузьмин, я понял, а как? кодом javascript я могу это сделать? Если да, то как?

[сергей кузьмин]

я не привел примера на ноде просто потому что сам про граммирую на яве в основном ну и с шарпе и питоне чтобы быть готовым к интервью если вдруг

но гуглится же легко

https://www.lambdatest.com/blog/handling-frames-an...

//switch to frame using id

await driver.switchTo().frame('frame-id');
 
//switch to frame using name
await driver.switchTo().frame('frame-name');
 
//switch to frame using web element
await driver.switchTo().frame(driver.findElement(By.webLocator('frame-web-locator-property')));

если помогло - я положу в ответы вы отметите решением

[huerman]

он команду "driver" вообще не воспринимает

[huerman]

сергей кузьмин, жесть

кстати нашёл еще более интересное решение под селениум, но мне не подходит видимо
https://stackoverflow.com/questions/53203417/ways-...

[сергей кузьмин]

huerman, это все стандартная техника - ожидания
по моему мнению на js все сложнее чем в др языках то к теме перехода в фрейм не относится

если у вас не определена переменная а вы решаете нагуглить "другое более интересное решение" помоему вам пора почитать книжку об основах языка

копипсата она такая - без понимания не получается

Answer 1

[Надим]

В манифесте расширения в параметрах контент-скрипта укажите "all_frames": true (пример ниже)

{
	
	"name" : "Имя расширения",
	
	"manifest_version" : 2,
	 
	// ...
	
	"content_scripts" : [
	
		{	
			"matches" : [ "https://*.mysite.ru/*" ],
			"run_at": "document_start",
			"js" : [ "content.js" ],
			"all_frames": true
		}
		
	]

}

Это даст понять браузеру, что контент-скрипт надо запускать в том числе внутри фреймов. Далее, уже в самом контент-скрипте выполняете проверку во фрейме ли вы находитесь и предпринимаете необходимые действия:

if (window.top != window) {
	
	console.log('Это фрейм!');
	
}

else {
	
	console.log('Это не фрейм!');
	
}

Comments

[huerman]

в скрипте и так это есть, не особо влияет, проверять нет смысла, я не во фрейме, а в "top" в консоли, а нужно попасть в "cvf-arkose-frame", но командой, чтобы автоматизировать можно было

дело еще в том, что программа которой пользуюсь юзает webdriver chromium (chrome), а не firefox - там можно через cd команду было бы перескочить, ну с селениумом ответ выше

загрузил расширение - https://www.upload.ee/files/13832542/AnyCaptchaCal...
может посмотрите, если не сложно, у меня варианты уже кончились, дня 3 сидел + в программировании особо не силён, руками всё получается, скрипт или команду не нашёл для хрома

[Надим]

huerman, вы какую-то дичь творите.

Для начала поясните. Вы же расширение для браузера пишите? Если да, то самый просто способ получить доступ ко фрейму это использовать контент-скрипт! При этом все там делается кодом и командой, ничего там руками выбирать не надо!!!

Если же все это не для браузерного расширения, объясните подробно, что вы там вообще творите и почему в тегах вопроса стоит тег браузерные расширения?

[huerman]

Надим Закиров, ок, в данном случае это решение каптчи через BrowserAutomationStudio, в котором я открыл это расширение для создания кнопки с фукнцией callback + submit, так вот чтобы submit прошёл, то нужно выполнить команду document.getElementById('anycaptchaSolveButton').onclick('TOKEN_FROM_STEP_4');

оригинальное объяснение у них на сайте - https://docs.anycaptcha.com/extensions/bypass-hcap...

Казалось бы, что готовое решение моей проблемы, получить токен с сервиса решения капчи через запросы и просто вставить код и нажать применить, но прикол в том, что эта команда выполняется только с cvf-arkose-frame в консоли, и поэтому я ломаю голову как заставить через код java программу его выбрать теперь.

Может это не реально и придется пойти другим путём через запросы.

[Надим]

huerman,

BrowserAutomationStudio - вот здесь я вообще не сиону ничем помочь, так как я сам работаю исключительно с обычными браузерами и браузерными расширениями. Если мне надо автоматизировать что-то на каком-то сайте, я банально для этого пишу расширение - это расширение уже рулит обычным браузером и заставляет делать его то, что мне нужно. Программы вроде BrowserAutomationStudio или ZennoPoster я не использую, соответственно и подсказать по их API ничего не могу.

Вам надо обратится либо напрямую к разработчику BrowserAutomationStudio, либо на их форум.