要知道什么
- 选择三点更多的菜单>更多工具>开发者工具.点击省略符号>运行命令>类型“截图”。
- 选择类型:区域截图、全尺寸截图、节点截图或截图。
本文将解释如何使用隐藏在开发工具中的工具在Microsoft Edge上进行截屏。
如何在网页边缘截屏
从浏览器本身拍摄网页的全页截图的能力非常宝贵,因为并非所有屏幕捕获软件都具有可滚动内容的干净作业。您可以使用Edge的开发人员工具进行全页屏幕捕获和三种其他类型的屏幕截图。
浏览器将图像文件保存在计算机上的默认下载文件夹中,或提示您指定位置。
-
按下F12键或Ctrl + Shift + I在你的键盘上打开开发者工具在微软的优势。macOS用户应使用命令+选项+ I键盘快捷键。您还可以从边缘工具栏访问开发人员工具。选择三点更多的>更多工具>开发者工具.
-
在Developer工具面板中,选择右上角的三个点的省略号图标以打开定制和控制DevTools.
-
选择运行命令(或按Ctrl + Shift + P)从垂直菜单。
-
在“运行”命令面板中键入“screenshot”以显示四种可能的命令。这四个命令可帮助您选择要捕获的网页的一部分。
-
选择捕获区域截图从命令列表中拍摄特定区域的屏幕截图。使用横发左键单击并绘制屏幕截图的大纲。(我们强调了一个节点向您展示暗灰色,但显然,您将突出显示所需的部件。)
-
选择捕获全尺寸截图从命令列表中获取一个完整的屏幕截图。这将捕获整个网页,包括不在屏幕上的可滚动内容。
-
选择捕获节点截图从命令列表中捕获Dev Tools中选定的HTML节点元素选项卡。您也可以右键单击选中的节点并选择Capture节点截图。例如,选择“标题类”,捕获网页的标题。
-
选择捕获截图从命令列表中获取活动视图的截图。这是浏览器内可见的区域,不包括可滚动区域,但不可见区域。
提示:
铬浏览器等Chrome和Edge也允许您模拟其他设备及其屏幕分辨率。您还可以使用此属性和屏幕截图命令并捕获特定设备上的网页看起来像什么。
选择切换设备仿真在开发人员工具栏(或按Ctrl + Shift + M).