Tips & Tricks #41

Can I take screenshot of a web page from the console?

Firefox

1. Firefox has a built-in helper function :screenshot to capture screenshot of the current page from the console.

   For example,

    :screenshot
    :screenshot --fullpage
    :screenshot --selector .css-selector

canidev.tools/capture-screenshot-console/firefox

---

Safari

1. In Safari, you can capture screenshot of the viewport from the Console using console.screenshot().

2. Alternatively, pass the target node to the function to capture screenshot of a specific node.

canidev.tools/capture-screenshot-console/safari