Хотя не, чёт я гусей погнал. Думаю...

a.js export page; b.js import page from 'a.js' page.screenshot();

С этим проблем нет, функция экспортируется. Но вот ошибка самого puppeteer, что не найдена страница.

Получается подключенный модуль В никак не связан с запущенным браузером в модуле А.

Вот так выглядит

Не понял, как её указать? Можно пример, чтобы лучше понять? Схему упрощённую показал. Смысл такой, что каждый модуль должен отвечать за свои задачи на странице, один модуль занимается авторизацией, второй модуль обработкой данных со странице, третий модуль управляет страницей и модуль А который последовательно запускает другие модули. Всё происходит на одной странице.

Модуль В запускаем в модуле А, предполагаю, что страница должна видна. Но, скорее всего так не работает.

Не соображу, что именно необходимо передать из модуля А в модуль В, чтобы в модуле А запустился браузер, а в модуле В зашёл на какую-нибудь страницу?

Спасибо за подсказку, сейчас попробую таким образом.

Вроде работает, теперь понятно, что саму страницу надо передавать. Спасибо 👍

Новости

Вопрос на засыпку, как дотянуться до обьектов в другом скоупе? У меня есть страница в пупетере, в ней скрипт, мне нужно его похачить, что бы сделать правильные скриншоты. Таких страниц очень много, и в каждой нужно сделать скрин.

Привет. ребят, Почему puppeteer js при парсинге не дожидается селектора, который отображается в браузере? https://qna.habr.com/q/707345

Привет. ребят, Почему puppeteer js при парсинге не дожидается селектора, который отображается в браузере? https://qna.habr.com/q/707345

Селектор точно отображается через некоторое время?

Селектор точно отображается через некоторое время?

Точнее некуда

Может надо страницу суть вниз опустить

Попробуй время ожидания больше

Спасибо. Попробую, только этот элемент достаточно высоко.

Поставь handless или как там его на false

И посмотри что происходит во время выполнения

он и так на фолсе

И я все вижу

Вопрос на засыпку, как дотянуться до обьектов в другом скоупе? У меня есть страница в пупетере, в ней скрипт, мне нужно его похачить, что бы сделать правильные скриншоты. Таких страниц очень много, и в каждой нужно сделать скрин.

Может это подойдет?

Да, я уже так же решил делать, просто вставкой сорцов в нужное место, спасибо.

Это не работает для объектов которые объявлены в своем споупе и не привязаны к window, из-за соображений безопастности в браузерах.

Как извлечь переменную с массивом со страницы? Если в консоли браузера набрать: window.myArray или window.top.myArray то выводится массив, а как в puppeteer не пойму, пробовал так: const myArray = await page.evaluate(() => window.myArray) соответственно его не находит const myArray = await page.evaluate('typeof myArray')

В данный момент реализовано так. Задача, реализовать в puppeteer

В данный момент реализовано так. Задача, реализовать в puppeteer

Оказывается, wrappedJSObject только в Firefox, а для Chrome используется javascript:window.myArray в консоли браузера работает. Но, в puppeteer не работает почему-то.

Оказывается, wrappedJSObject только в Firefox, а для Chrome используется javascript:window.myArray в консоли браузера работает. Но, в puppeteer не работает почему-то.

Попробуй evaluate. На прямую из паппатира выполнить js не возможно. Поэтому существуют функции типа evaluate в различных фреймворках. Ты выполняешь код в месте где твоего массива нет.

Попробуй evaluate. На прямую из паппатира выполнить js не возможно. Поэтому существуют функции типа evaluate в различных фреймворках. Ты выполняешь код в месте где твоего массива нет.

Не понял, а как выполнить код там, где есть массив? Выполняя const myArr = await page.evaluate(() => myArray); ничего не находит. Пробовал const myArr = await page.evaluate(() => myArray in window); тоже ничего не находит.

Тут такой же пример. Вроде всё тоже самое, но не видит массив. добавлял await page.waitForFunction(() => 'myArray' in window);

// save page body from target page let targetBody = ''; let targetUrl = 'http://127.0.0.1:8080/examples/loader_mmd_audio.html'; await page.goto(targetUrl, { waitUntil : 'domcontentloaded' }); await page.setRequestInterception(true); page.on('request', req => req.continue()); page.on('response', async (resp) => { if (resp.url().includes('.html')) { targetBody = await resp.text(); } }); await page.goto(targetUrl, { waitUntil : 'domcontentloaded' }); // make a new request and inject timer in page body page.close(); page = await browser.newPage(); await page.setViewport({ width: 800, height: 600 }); await page.setRequestInterception(true); page.on('console', msg => console.log('PAGE LOG:' + msg.text())); page.on('request', req => { if (req.url() == targetUrl) { req.respond({ status: 200, contentType: 'text/html; charset=UTF-8', body: targetBody.replace( '../build/abc.module.js', "../build/abc.module.js';" + timerInjection + ";'" ) }); } else { req.continue(); } }); await page.goto(targetUrl); примерно вот так можно перехватывать реквесты и заменять тело ответа, но я таки обошелся одной строчкой с page.evaluateOnNewDocument(script);

Ага, все классы опирались на отрытые обьекты зацепленные к window

В консоле браузера выполняя window.myArray показывает данные массива

Создать локальный файл file.html <script type="text/javascript"> var myArray = new Array(); myArray['item1'] = true; myArray['item2'] = true; myArray['item3'] = true; </script> и протестировать. В консоли браузера показывает.

Массив полностью выводит. Вот этот код в Firefox полностью массив создаёт, а тоже самое в puppeteer не пойму как сделать.

const arr = await page.evaluate(() => myArray); возвращает объект, но он пустой: console.log(Object.keys(arr).length); 0 Можно пример, как из file.html: <script type="text/javascript"> var myArray = new Array(); myArray['item1'] = true; myArray['item2'] = true; myArray['item3'] = true; </script> всё же получить массив/объект? Полдня ломаю голову и никак не могу понять.

Спасибо за пример, но у меня всё равно пустой объект. file.html: <script type="text/javascript"> var myArray = new Array(); myArray['item1'] = 1; myArray['item2'] = 2; myArray['item3'] = 3; </script>

Объект создаётся на странице: <script type="text/javascript"> var myArray = new Array(); myArray['item1'] = 1; myArray['item2'] = 2; myArray['item3'] = 3; </script> необходимо с этой страницы получить объект myArray. Как создать массив или объект знаю )).

Это не я создаю массив, а захожу на сайт и на странице он создаётся в таком виде.

Вот кусок, остальное обрезал. В браузере в консоле выводит объект по window.myArray

В Firefox через расширение iMacros отлично работает такая схема, а как в puppeteer не пойму.

вот часть кода

typeof myArray // "object" Array.isArray(myArray) // true

Прохожусь по ключам, но всё равно пустой

Всё, дошло, надо было внутри evaluate выполнять. Спасибо. Буду дальше разбираться.

true true true ....

Понятно, а я думал, что массив сразу передаётся.

Спасибо, буду дальше изучать )

Привет всем

Делаю неск скриншотов

в цикле

'ktvtyns dblys dct jr

эл видны все ок

🤦‍♂

но некоторые он делает тупо белый скриншот

Подскажите, как из evaluate использовать найденные селекторы с checkbox, чтобы можно было после логики, не внутри evaluate, нажать на один из checkbox. Возвращаются данные из evaluate, как пустые object.

Мне в последствии с этими селекторами ещё не один раз придётся работать. Например, внутри evaluate нажат, какой-то Checkbox, в последствии надо проверять, нажат ли он, если не нажат, то снова логика и нажимается другой Checkbox.

Мне в последствии с этими селекторами ещё не один раз придётся работать. Например, внутри evaluate нажат, какой-то Checkbox, в последствии надо проверять, нажат ли он, если не нажат, то снова логика и нажимается другой Checkbox.

Нельзя, оборачивай все в evaluate, если нужно внутри страницы внешние переменные пробрасывай в evaluate их отдельно. Можно только через ивенты, но это гемор.

Нельзя, оборачивай все в evaluate, если нужно внутри страницы внешние переменные пробрасывай в evaluate их отдельно. Можно только через ивенты, но это гемор.

Понятно, спасибо, значит придётся всё по максимуму в evaluate делать.

Подскажите, как из evaluate использовать найденные селекторы с checkbox, чтобы можно было после логики, не внутри evaluate, нажать на один из checkbox. Возвращаются данные из evaluate, как пустые object.

максимум нужно прокинуть пару переменных evaluate(async (variable) => { await bla-bla }, variable)

После каждого действия приходится проверять жива страница или нет. Т.е. нажал Чекбокс, проверил страницу отдельной функцией, выполняем следующее действие, после опять проверяем состояние страницы. Затем снова проверяем Чекбокс, нажат или нет. А так придётся в evaluate делать. Дополнительно с Чекбокс проверяются другие данные относящиеся к этому Чекбокс. Былобы очень удобно вытащить один раз все селекторы и работать с ними по одному. Думал через evaluate их можно вытащить. Пока не придумал логику, как эффективней всё это организовать.

Сайт часто перегружен и выдаёт соответствующее сообщение, которое необходимо отловить, далее перезагрузка страницы, и снова все этапы, на каждом этапе приходится проверять состояние страницы. Каждый раз могут быть разные сообщения. Пока дошёл до такого алгоритма: Действие 1 Проверка страницы Действие 2 Проверка страницы Ошибка на странице Перезагрузка страницы Действие 1 Проверка страницы Проверка страницы отдельной функцией

Необходимо отловить момент ошибки, чтобы начать сначала, т.к. только сообщение появляется, что что-то недоступно.

А как лучше всего ожидать изменения в элементе в теле evoluate, например активности кнопки? Тупо через цикл проверять с интервалом, скажем, 0.5 сек когда изменится атрибут?

Спасибо, пойду читать, что это такое.

Подскажите, для отладки есть ли возможность вручную переключать шаги, чтобы скрипт ждал подтверждения следующего шага? Например, поставить метку, что тут ждём. Есть slowMo, не подходит. Можно ставить паузы waitFor, тоже не подходит.

Так в ide и пользуйся отладкой

Так в ide и пользуйся отладкой

Вообще-то да 👍

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

максимум нужно прокинуть пару переменных evaluate(async (variable) => { await bla-bla }, variable)

Оборачиваешь в асинк внутрь await Promise и усе

Добрый день

Кто может помочь с puppet

Понял спасибо

После переустановки системы,при прогоне скриптом, puppet качает ключ успешно,но с этим ключём и именем не может подвязаться на сервер так как такой комп с таким ключом уже там есть

У нас своя Корп сеть

Спасибо

Привет! Может кто-то в курсе. Как можно сделать пока отработает Ajax-запрос после нажатия на кнопку? скажем такой код: await page.click('button.addToCart') await page.waitForNavigation( { waitUnitl: [ "networkidle0" ] } ) Не работает

Суть простая - мне нужно сделать добавление товара в корзину. Страница не перезагружается. Но прежде чем нажать вторую кнопку, мне нужно дождаться, пока первое нажатие отработает, отправит данные на сервер и получит результат.

при этом на странице изменения минимальны, поэтому не получится использовать waitForSelector