美文网首页电子商务
使用Chrome 网页截图

使用Chrome 网页截图

作者: Artifacts | 来源:发表于2019-07-28 00:39 被阅读0次

利用 Chrome 原生工具进行网页长截图 | 一日一技

  • chrome网页长截图

按下 ⌘Command + ⌥Option + I快捷键,召唤出调试界面。
按下⌘Command + ⇧Shift + P(Windows 为 Ctrl + Shift + P),输入命令 Capture full size screenshot(只输前几个字母就能找到,支持模糊查找),敲下回车,Chrome 就会自动截取整个网页内容并保存至本地。由于是渲染引擎直接输出,其比普通扩展速度更快,分辨率也更高。

注:如果想进行手机版网页长截图,请将开发者模式界面切换成模拟手机方式,再按照上面的第2步进行长截图。

  • chrome网页部分截图

按下 ⌘Command + ⌥Option + I快捷键,召唤出调试界面。
如果你想准确截取网页的某一部分,可以按下 ⌘Command + ⇧Shift + C嗅探元素。选中想要的部分后,再运行 Capture node screenshot命令,一张完美的选区截图就诞生了。

相关文章

网友评论

    本文标题:使用Chrome 网页截图

    本文链接:https://www.haomeiwen.com/subject/xvoyrctx.html