How to get a screenshot from the hrome dev tools framework

Question

Using Chrome dev tools, how to get an accurate screenshot at the exact time for sharing

Answer 1

• switch the devtools dock mode to a separate window in the devtools settings icon with three dots.
  (when this option is activated, you can use Ctrl Shift Dto switch the docked / disconnected state).
• call devtools-for-devtools by clicking Ctrl Shift iwhen the devtools window is focused,
  and do the following in this new devtools-for-devtools window:
  • open tab Application
  • expand / open Frames - top-Images
  • URL- ,
  • Save
  • repeat 3-4

URL- :

• Frames
• Ctrl Shift C devtools-for-devtools - devtools
• devtools-for-devtools <img> Elements, data:image/png Open in Application panel, .