一般为我们要对Firefox网页截图,会使用外部软件或者使用像FireShot这样的扩展。那么我们来尝试一下通过强大的开发者工具栏(GCLI)来达到网页截图的目的。
打开开发者工具栏(快捷键Shift–F2)。输入命令即可。
命令基本格式为:
Firefox 16+:screenshot [filename] [delay] [fullpage] [node] Firefox 19+:screenshot [filename] [—clipboard] [—chrome] [—delay] [—fullpage] [—selector]
描述:保存整个可见窗口为PNG图像(可选延迟)
默认截图保存为Png格式,范围为浏览器可见区域。
参数:
filename:(string, 必需),截图文件名,应该有“.png”扩展名。 delay:(number, 0),截图前要延迟的时间(单位:秒) fullpage:(boolean, false),截取是否为完整网页(True为完整页面,不指定为可见区域),若想要完整截图,延迟必须选择为0(不知道是不是Bug,至少16上是这样的)。 node:(node, 可选),使用 CSS 选择器和 Document.querySelector 来识别单个元素。 clipboard: (boolean, false),如果您想复制截图到剪贴板,而不是将其保存为一个文件则选 True。 chrome:(boolean, false) ,如果你想截取 Firefox 窗口,而不是网页的内容则选 True。 selector:同node。
注:在11.1后的19版中,命令格式被修改,每个参数必须使用“-”前缀,“–[参数名]”表示开启该参数,也就是设为True。这是为了和其他命令行程序统一样式,但该功能似乎未完成,提示功能之类的都未完工,但还是能够使用的。
实例:
截取整个网页,并命名为skeeterhouse(Firefox16+)
screenshot skeeterhouse.png 0 true
截取整个网页,并命名为skeeterhouse(Firefox19+)
screenshot –fullpage skeeterhouse.png
截取可见区域,且延迟3秒,并复制到剪贴板(Firefox19+)
screenshot –clipboard true –delay 3