
When used, “-fullpage” will be appended to the file name.Ī CSS selector that selects a single element on the page. With this parameter, even the parts of the webpage which are outside the current bounds of the window will be included in the screenshot.
#FIREFOX SCREENSHOT FULL#
If included, the full webpage will be saved. When present, the screenshot will be saved to a file, even if other options (e.g. Values above 1 yield “zoomed-in” images, whereas values below 1 create “zoomed-out” images. The device pixel ratio to use when taking the screenshot. This is useful if you want to pop open a menu or invoke a hover state for the screenshot. The number of seconds to delay before taking the screenshot you can use an integer or floating point number. Prevents saving to a file unless you use the -file option to force file writing. When present, this parameter will cause the screenshot to be copied to the clipboard. The command has the following optional parameters: Tip: You could type :s and then hit Tab to autocomplete :screenshot. By default, the image file will be named Screen Shot yyy-mm-dd at hh.mm.ss.png. Type :screenshot in the Web Console to create a screenshot of the current page. If you need to specify a different device-pixel-ratio, set a delay before taking the screenshot, or specify your own file name, starting in Firefox 62 you can use the :screenshot helper function in the Web Console. Taking screenshots with the web console ¶ Now, whenever you take a screenshot, the screenshot is also copied to the clipboard. Just check the box in Settings labeled “Screenshot to clipboard”: The screenshot is saved to the browser’s “Downloads” directory: Copying screenshots to the clipboard ¶įrom Firefox 53, you can also copy the screenshot to the clipboard. To take a screenshot of a single element in the page, activate the context menu on that element in the Inspector’s HTML pane, and select “Screenshot Node”.

The screenshot is saved to your browser’s “Downloads” directory: Taking a screenshot of an element ¶ To enable it:įind the section labeled “Available Toolbox Buttons”Ĭheck the box labeled “Take a screenshot of the entire page”.Ĭlick the icon to take a screenshot of the current page. Use the screenshot icon: to take a full-page screenshot of the current page.īy default, the screenshot icon is not enabled. You can use the Developer Tools to take a screenshot of the entire page, or of a single element in the page. Turning on Firefox tests for a new configuration.Getting Set Up To Work On The Firefox Codebase.
