Chrome dev-tool: внедрите свое собственное представление иерархии элементов (тот же chrome, инструмент реагировать на dev) - PullRequest
0 голосов
/ 06 марта 2019

Я создаю devtool, как response-devtool или vue-devtool.

У нас есть иерархия компонентов, аналогичная HTML DOM. Мы хотели бы представить его графически, как это делается на панели элементов окна инспектора chrome (или любого браузера). В поисках готовой библиотеки или API-интерфейсов Chrome, которые доступны, в противном случае мне пришлось бы создать полное представление вручную.

Для Chrome я создал панель, но я не уверен в существующих решениях для представления объекта DOM, который у меня есть в графическом формате.

Пример: панель элементов Chrome Dev-Tool.

Спасибо.

1 Ответ

0 голосов
/ 07 марта 2019

Похоже, DOM.getDocument вернет вам все дерево.

См. Протокол DevTools через расширение Chrome .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...