Ваша задача с помощью Chrome DevTools Protocol прочитать содержимое элемента.
Для начала необходимо запустить Google Chrome с опцией --remote-debugging-port=9222
.
В windows можно прописать команду через свойства, на macos можно запустить с помощью open:
open '/Applications/Google Chrome.app' --args --remote-debugging-port=9222
После запуска убедитесь что все работает, yarn test:cdp
(не должно быть ошибки ECONNREFUSED
).
После успешного подключения вам необходимо написать код который достанет с помощью CDP содержимое элемента div с id root.
То есть сделать то же самое что и querySelector('#root')
.
API CDP обернуто в простую библиотеку chrome-remote-interface.
Для запуска обязательно используйте дебаггер, API CDP гигантское.
node --inspect-wait ./test/cdp.js