Dev Tips: DevTools: 🖼 Capture the screenshot of a specific element

Dev Tips   DevTools:  🖼  Capture the screenshot of a specific element   You can capture the screenshot of a specific HTML Element/DOM Node via DevTools. To do this: Inspect the element you wish to capture. Open the Command Menu with Cmd + Shift + P / Ctrl + Shift + P. Type in screenshot. You can now capture the screenshot of only the specific element, a viewport screenshot, or a full-page screenshot. This is currently in Canary.   If you have any troubles viewing this animated gif, check out: umaar.com/dev-tips/156-element-screenshot/ Sponsor Full Stack Fest is a week-long conference that peeks into the web of tomorrow (Barcelona, Sept 4-8). From Serverless, AI & Blockchain to Progressive Web Apps, WebVR & IoT. 10% discount with the code DEVTIPS Tweet Share +1 Copyright © 2017 Umar, All rights reserved. You are receiving this email because you signed up for Dev Tips. unsubscribe from this list    update subscription preferences