# Two useful features available in Chrome

**URL:** <https://discourse.mozilla.org/t/two-useful-features-available-in-chrome/14735>\
**Category:** Developer Tools\
**Created:** [March 31, 2017, 10:23am UTC](https://discourse.mozilla.org/t/two-useful-features-available-in-chrome/14735 "2017-03-31T10:23:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ldetomi](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/ldetomi/32/22211_2.png) [@ldetomi](https://discourse.mozilla.org/u/ldetomi)\
**Post date:** [March 31, 2017, 10:23am UTC](https://discourse.mozilla.org/t/two-useful-features-available-in-chrome/14735/1 "2017-03-31T10:23:53Z")

</div>

I found this [interesting article](https://css-tricks.com/using-devtools-tweak-designs-browser/) about “_how to effeciently use some less known Inspectors features_”.

I am impressed especially by first two topic, available in Chrome, to **Toggling Classes With Checkboxes** and “ **Editing Content with designMode** ”.

Can we consider to implement something similar?

---

<div class="post-metadata">

**Author:** ![jdescottes](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/jdescottes/32/22185_2.png) [@jdescottes](https://discourse.mozilla.org/u/jdescottes)\
**Post date:** [March 31, 2017, 11:07am UTC](https://discourse.mozilla.org/t/two-useful-features-available-in-chrome/14735/2 "2017-03-31T11:07:28Z")

</div>

Toggling classes was actually recently implemented by @pbro (see [1213767 - Make it easier to toggle classes on elements in the inspector](https://bugzilla.mozilla.org/show_bug.cgi?id=1213767)) ! It will ship with Firefox 55.

 ![](https://us1.discourse-cdn.com/flex001/uploads/mozilla/original/2X/6/6e64798546289378d44defc4cfab0dea3a86ee44.gif)

And regarding `document.designMode = "on"`, it’s actually a document API ([Document: designMode property - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode)) and is already available in Firefox. Just open the Console and type `document.designMode = "on"`

---

<div class="post-metadata">

**Author:** ![andreip](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/andreip/32/24181_2.png) [@andreip](https://discourse.mozilla.org/u/andreip)\
**Post date:** [April 2, 2017, 12:51pm UTC](https://discourse.mozilla.org/t/two-useful-features-available-in-chrome/14735/3 "2017-04-02T12:51:17Z")

</div>

You know what @ldetomi? That is a pretty cool feature!

I made a WebExtension for toggling document.designMode. It is [under review in AMO](https://addons.mozilla.org/en-us/firefox/addon/toggle-document-design-mode/).

It usually takes a day to get passed the review 😃

---

<div class="post-metadata">

**Author:** ![andreip](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/andreip/32/24181_2.png) [@andreip](https://discourse.mozilla.org/u/andreip)\
**Post date:** [April 3, 2017, 8:26pm UTC](https://discourse.mozilla.org/t/two-useful-features-available-in-chrome/14735/4 "2017-04-03T20:26:34Z")

</div>

Hmmmm… [my addon](https://addons.mozilla.org/en-US/firefox/addon/toggle-document-design-mode/) only works in Firefox Nightly ☹

Error: No window matching {“matchesHost”:["\<all\_urls\>"]}

I did not ask for [that permission](https://github.com/andreicristianpetcu/toggle-document-design-mode/blob/334197eb503e74c89b4b4033aa85bc0c6a4f8b40/manifest.json#L14).

So… @ldetomi you can have that feature only if run Nightly for now ☹