0%

Chrome 截取网页截图

很多同学一定都经历过为了找一个好用的网页截图软件而各种搜索的情况,那一定不知道强大的Chrome自身就可以直接截取网页图片。下面就是详细步骤:

  1. 用Chrome浏览器打开想要截图的网页;
  2. 按F12(Windows)或⌥⌘I(macOS)打开开发者工具;
  3. 按Ctrl+Shift+M(Windows)或⌘⇧M打开Toggle device toolbar;
    Toggle device toolbar按钮
  4. 在上方出现的工具栏里输入需要的分辨率,如1440*1024,不用管缩放,不要拖动下面的页面;
    输入需要的分辨率
  5. 按Ctrl+P(Windows)或⌘P(macOS),输入> screenshot,选择对应的选项就可以截图了。
    输入命令
  • Capture area screenshot —— 截取指定区域
  • Capture full size screenshot —— 截取整个网页
  • Capture node screenshot —— 截取指定HTML元素
  • Capture screenshot —— 截取当前展示的

Tips:如果要截图的网站滚动条在页面内部,可以将第4步的分辨率高度调高,让整个网页都展示出来再截图。

旺旺小学酥 微信

微信

旺旺小学酥 支付宝

支付宝