To close the Web Inspector in Safari after you capture the shot, just click the X on the top left corner of the panel. You can then open the saved image in Preview or your Mac photo editor to see it in full. It can take several seconds before you see the screen in the next step, so be patient.Ĥ) Choose a location to save the image and optionally rename it. This displays the HTML code for the page.Ģ) Go to the top of the code in the Inspector and right-click the first line beginning with “html”.ģ) Select Capture Screenshot from the shortcut menu. The Inspector will open with the webpage on either the right or the bottom, depending on the default position.
Now, head to the webpage you want to capture and follow these steps.ġ) Click Develop > Show Web Inspector from the menu bar.
If you don’t, here’s how to show it.ġ) Open Safari and click Safari > Preferences from the menu bar.ģ) Check the box for Show Develop menu in menu bar. If you already have it, you’re a step ahead. To accomplish this in Safari, you’ll need to display the Develop tab in the menu bar.