Post

Web Dev tip 🔥 Did you know you can get a png of any DOM Node by simply right clicking on the markup in the dev tools and selecting 'capture node screenshot'? 📸 Here is an example of some of my new followers as a png. Really handy for all sorts of things! 🙂

18/11/24, 4:29 pm6 reposts31 likes

Robodobdob

@robodobdob.bsky.social

6 Apr

Nice. I wonder if this function is what Playwright uses for capturing screenshots.

midnightgrocer 🌙 mikey

@midnigh.ht

18 Nov 2024

no thanks I prefer struggling with cropping, has(n’t) worked for years

Simon Holmes

@srsholmes.com

18 Nov 2024

It works fine? I literally made the second attachment with it. 🙂

midnightgrocer 🌙 mikey

@midnigh.ht

18 Nov 2024

Haha sorry. My sarcasm is thick this morning. I was saying my method of struggling has been a mixed bag. I often miss a border or two when trying to get the perfect crop, so I’ll be trying the dom approach!

Simon Holmes

@srsholmes.com

18 Nov 2024

Oh right I got you! My sarcasm detector is null and void at the moment. I've just finsihed work on a Monday so I am all out of energy 🙂

🤯

Glad you enjoyed the tip! It's a handy one 🙂