Dashbird profile image Dashbird

Hack your Frontend with document.designMode

twitter logo github logo ・1 min read

document.designMode is a cool feature.

Perhaps not a very well known feature, hence this heads-up ;)

By enabling it in console (document.designMode = 'on'), you can edit and experiment with a page content right from the browser.

No need to change code on IDE.
No refresh.
Just live, fresh mangling. yay!

Check it out:

document.designMode in action on Dev.to

Read more on Mozilla docs.

twitter logo DISCUSS (3)
Get instant overview of your whole serverless stack and save money by optimising your lambda functions. Automated fault-detection, performance policies, real-time alerting, AWS X-ray integration, and much more!
markdown guide

Yeah, cool isn't it?

Can be very handy, especially when one needs to tweak the content (text/img) and see how it looks right upfront.

Have fun!

Classic DEV Post from Jul 21

What's hard about React Hooks for you?

React Hooks are amazing, but require a learning curve... What's it been like for you?

Dashbird profile image
Error Detection, Visibility and Tracing for Serverless Apps