Firefox cheatsheet
Firefox is a powerful open-source browser, I spend hours each days using it, I really like its developer tools making web development much easier to debug. There are dozens of amazing extensions.
Useful configurations
- Ctrl-tab in reverse use order instead of left to right
- todo
Under about:config
- punycode see this great article -> make sure this website appears as
www.xn--80ak6aa92e.comand not asapple.com...
todo
PWA
Nice addons
todo: do an extension pack to easily install all of that in one click ?!
Must have blockers
- Ublock Origin
- Privacy badger
- Facebook container
- Decentraleyes - can sometimes create very strange issues...
- I still don't care about cookies
Useful web dev extensions
- Rust Search Extension
- Cookie Quick Manager
- Clear cache -> press F9 to clear cache
- Fake filler -> fill forms with fake realistic values
- Fontanello -> easily show the used font
Distractions remover
- DF Youtube (Distraction Free)
to explorer and test and compare
- leechblock ng
- Distract Me Not
Youtube Playback Speed Control
todo
Vimium
todo
SingleFile
todo
Fireshot
todo
SVG Screenshot
todo
Unclutter
todo
openDevApps
I know ... that's my experimental simple bookmarks extension (but I continue to use it, that's still useful to me)
CustomCSS Injector
Something the look of a website is nice... but you will wish it could be just a bit different.
I really like the design of crates.io but I hate to be constrained in such a small width box displaying the README, especially when large code samples are present...
If you inspect the HTML, you quickly see a div with a class width-limit applying a width of 960px... With this extension, you can just inject any kind of CSS, like here where I reset the value of the width attribute to override the CSS definition. I apply this only the domain, to avoid affecting other websites...
.width-limit {
width: 100%;
}
As you can see the box is now at full width !
Devtools
You have to learn how to use it, it is really powerful !
https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/index.html