Как сделать снимок экрана DOM-узла с переполнением: авто в Chrome Dev Tools? - PullRequest
0 голосов
/ 17 октября 2018

Я пытаюсь сделать снимок экрана основной части приложения в Chrome Dev Tools, которая обернута в пользовательский интерфейс с верхней навигацией и боковой панелью.Slack, Gmail и многие другие работают так.

Когда я открываю Dev Tools, нахожу div, который содержит основную область контента, и вызываю Снимок экрана узла захвата , я получаю только видимоечасть этого: например, то, что я сейчас вижу в Slack, а не всю загруженную историю канала.

Возможно, он подключен к overflow:auto, поскольку я даже не могу сделать снимок экрана с очень маленьким абзацемздесь:

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Examples

Это ограничение Dev Tools?Есть ли хитрость, как сделать скриншот таких узлов?Меня особенно интересуют сценарии Slack или Gmail, где узлы обычно имеют тысячи пикселей по вертикали.

...