Несоответствие между идентификатором удаленного объекта кукловода и идентификатором объекта Chrome Dev Tools ⇐ Javascript

[Anonymous]

Я пытаюсь использовать кукловолок, чтобы найти элементы на странице с обработчиком щелчка. Делать это невозможно использовать кукольник напрямую, но кукловорот обнаруживает протокол Chrome Devtools, который позволяет мне вызывать Domdebugger.getEventListeners с идентификатором объекта элемента, чтобы найти слушателей событий. Однако идентификатор объекта, который кукловодитель дает (либо с использованием свойства .id , либо выполнение remoteObject (). ObjectId ), не является правильным. Вот пример: < /p>

Код: Выделить всё

const html = `



Test Page


Click Me

document.getElementById('testButton').addEventListener('click', () => {
console.log('Button clicked!');
});



`;

(async () => {
const browser = await require('puppeteer').launch({
args: ["--no-sandbox", "--disable-setuid-sandbox", "--disable-web-security"]
});
const [ page ] = await browser.pages();
await page.goto(`data:text/html,${html}`);
const cdp = await page.createCDPSession();
const button = await page.$('button');

const ppObjectId = button.remoteObject().objectId;
console.log(`PP Object ID: ${ppObjectId}`);
const { result: {objectId} } = await cdp.send('Runtime.evaluate', {
expression: 'document.querySelector("button")'
});
console.log(`Object ID: ${objectId}`);
const listeners = await cdp.send('DOMDebugger.getEventListeners', { objectId });
console.dir(listeners, { depth: null });
const ppListeners = await cdp.send('DOMDebugger.getEventListeners', { objectId: ppObjectId });
console.dir(ppListeners, { depth: null });
})();
< /code>
Вывод следующим образом: < /p>
PP Object ID: -5640807044822356303.3.2
Object ID: -5640807044822356303.3.1
{
listeners: [
{
type: 'click',
useCapture: false,
passive: false,
once: false,
scriptId: '6',
lineNumber: 9,
columnNumber: 68,
backendNodeId: 3
}
]
}
/workspace/node_modules/puppeteer-core/lib/cjs/puppeteer/common/CallbackRegistry.js:102
#error = new Errors_js_1.ProtocolError();
^

ProtocolError: Protocol error (DOMDebugger.getEventListeners): Could not find object with given id

Идентификаторы объекта не довольно совпадают, и использование кукловода, предоставленного идентификатором, вызывает вызов domdebugger.geteventlisteners для поднятия исключения. Может ли кто -нибудь предложить, как я могу получить правильный идентификатор объекта от элемента кукловода? Один небольшой возможный намек, идентификаторы заканчиваются .1 и .2 соответственно. Используя это против реального веб -сайта (то есть не использование данных: text/html url) изменяет это поведение, идентификатор кукловода заканчивается .3 вместо этого. Вполне возможно красная сельдь, но может иметь смысл для кого -то!

Подробнее здесь: https://stackoverflow.com/questions/797 ... -object-id