search

firefox-devtools / extension-examples

DevTools extension examples
Mozilla Public License 2.0
27 stars 7 forks source link

custom formatters for dev-tools? #9

Open marianoguerra opened 7 years ago

marianoguerra commented 7 years ago

is it possible to create something like this for firefox?

https://github.com/andrewdavey/immutable-devtools

janodvarko commented 7 years ago

Yeah, I've been using that too!

Firefox DevTools doesn't support 'formatters' yet but, we were already talking about this in the past. I hope it'll make its way to our roadmap soon.

Let's keep this issue open to track progress in this area.

Honza

marianoguerra commented 7 years ago

keep us update here, would love to betatest the api by implementing the immutable.js formatter for it :)

athomann commented 6 years ago

I was searching for this exact thing for immutable-devtools. Does this functionality help? https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Custom_output

Not sure if this is a blocker.

The Web Console does not have direct access to the JavaScript objects from the content page. The console only receives a JSON packet that describes the JS object from the server - these are provided by the Object Actor. You can customize the output for such objects in console client code, and you can also extend the server to add anything you need to the JSON packet.

EDIT NVM, it looks like we need support for window.devtoolsFormatters

RheingoldRiver commented 5 months ago

Hi, does this ticket include the ability to format css in the style editor? I'd like to edit my CSS there, press a hotkey to format it, and then paste into a stylesheet with no further formatting needed. Right now code written in the style editor tends to have very inconsistent whitespace.

(note: for me, this is particularly when working with MediaWiki, where you are often pasting code into web editors that lack their own autoformat)