Я пытаюсь сделать снимок экрана основной части приложения в 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, где узлы обычно имеют тысячи пикселей по вертикали.