I tend to reach for Firefox's dev tools (or a node REPL) more often these days. Firefox has a much better CSS editor. I will run some dev tools in Chromium but avoid it for browsing.

Once I saw that my account was linked to Chrome/Chromium without my permission, I cleared everything out of Chrome and stopped using it as a secondary browser. My secondary browser is now a separate Firefox profile:

    alias ff='firefox -ProfileManager -no-remote &'

The big feature I'm waiting on in Firefox is live reloading/editing for scripts.

It's a huge advantage to be able to pause a script in Chrome, edit the source code, and have those changes injected back into the script. Chrome will even rewind the stack if I edit a line behind where the script currently is.

I use Firefox for all of my personal browsing and for some of my development. But I really miss that feature.

Edit: that and making it easier to debug Node from Firefox. It's still kind of a pain in that area.

Which Node REPL would you recommend?

I use the standard one.[1] Open a terminal and type `node` to start it or run a script with Node's debugger[2] and drop into a REPL from there. I sometimes use Slimux[3] to send code snippets from Vim to a REPL in another tmux[4] pane.

[1] https://nodejs.org/api/repl.html

[2] https://nodejs.org/api/debugger.html

[3] https://github.com/epeli/slimux

[4] https://medium.com/actualize-network/a-minimalist-guide-to-t...

To be honest, I've come to much prefer FF's devtools. You might want to take a look at [Firefox Developer Edition](https://www.mozilla.org/en-US/firefox/developer/), it adds quite a few nice features that are helpful for development. [This article](https://hacks.mozilla.org/2018/05/new-in-firefox-61-develope...) is a bit old, but a good look at the type of stuff that it adds.

I keep hearing how awesome FF quantum is. I always have a copy of FirefoxDeveloperEdition for the occasional compatibility testing, and I keep coming back to it over the last few months, the last time being yesterday, but it just feels as sluggish as ever, whereas Chrome just feels snappier until there are hundreds of open tabs. Am I using it wrong?

Also, Firefox tabs are as ugly as ever (lots of thick lines), and the search bar drop down is cluttered as hell. I thought I’d hate the Chrome 69 tab style, but I got over it in a couple of hours; whereas for Firefox I simply can’t.

To add a little bit to my UI complaints: I recall that one of the original designs goals of Chrome was to reduce the chrome (ref: 2008 Chrome comic book). Over the years I’ve had a number of UI complaints with Chrome too and actually switched to Opera multiple times, but overall I think they did a good job at hiding the chrome and presenting what really matters. On the other hand, Firefox UI elements and cues stand out and intrude even after disabling everything I can find. Maybe some people prefer that for “usability”, but I personally prefer minimal UIs (hint: Apple user) and find them perfectly usable.

Try using a large blocklist[1] in your hosts file and installing umatrix[2] and/or ublock origin[3] to block garbage scripts from loading. I don't know if that will help, but that's what I'm doing and Firefox is as fast or faster than Chrome.

[1] https://www.google.com/search?q=hosts+blocklists

[2] https://addons.mozilla.org/en-US/firefox/addon/umatrix/

[3] https://addons.mozilla.org/en-US/firefox/addon/ublock-origin...

I confess that I have uMatrix in Chrome but not FF, but I do use pihole, and it’s not really a third party scripts problem, FF feels slower on perfectly clean sites.

Maybe it has something to do with the combination of your OS and Firefox versions. I've just tested a few sites (without umatrix, but with Firefox's built-in privacy protection) and they are about the same speed according to the network console. Sometimes Firefox is slightly faster, other times Chrome is slightly faster. (Ubuntu 16.04)

I have performance issues with heavy sites because I use many extensions. Sometimes, I disable all extensions and it stills sluggish on Facebook for example, but the issue goes away when I use a new profile. Maybe you can try it.

This is my experience as well.

I really wanted Firefox to be a replacement for Chrome but it’s so much more sluggish that it’s not even a comparison.

Chrome does seem faster and better to me too. Nevertheless I switched to Firefox some years ago (and I’m quite a Google fan). It is good enough for heavy use.

I've found the dev tools to be equivalent for most things but each has a couple features the other doesn't. I'm often switching between the two when debugging complex issues.

In general I find the UI for manipulating CSS and the DOM easier in Firefox. The Javascript Debugger in Chrome tends to work a little better when jumping in and out of 3rd party libraries, Firefox will just give up trying to break in your code and just dump errors in the console.

Meh... as long as it's not Safari Dev Tools I'm happy.

Also, last time I checked the Firefox UI uses more screen real estate, leaving a little less space for the content. The difference with chrome is small, but clearly noticeable. If Mozilla fixes this, then they have an additional user ;)

Perhaps setting the UI density to “compact” will help? I like minimal UI, but Chrome’s feels a bit too minimal. I think Firefox on compact is a perfect balance.

For everyone looking: Hamburger menu -> Customise -> at the bottom Density -> Compact.

Thanks!

I also completely overlooked that setting, even though I had changed many others away from the defaults. Thanks for pointing it out!

Thank you very much, learned something new. I removed the Title bar too, makes ff more compact than chromium.

I've got an instance of both Chrome and Firefox open on MacOS right now, and the UI's use exactly the same amount of space. The navigation bar on Firefox is a little thicker than Chrome, but it's made up for with a slightly thinner tab bar (since FF tabs don't have the blank space above to make them look like physical folder tabs).

Not sure if this holds in Linux or Windows.

EDIT: In fact I just noticed that Chrome was outdated. After upgrading it to the latest build, it uses more screen real estate for the UI than FF Quantum's latest build. The difference is even more pronounced if you have bookbar bars turned on.

If you haven't seen it, you can put dev tools in its own window.

The biggest feature holding me back from using Firefox is the inability to drag multiple tabs at once. I often "split" a chrome browser window into two this way, or combine two chrome windows into one.

In Nightly you can, using CTRL to select them. It's still a little buggy, though.

Oh cool. Thanks for the tip! Hopefully they polish it up and get it out.

This extension lets you split multiple tabs from a window to a new one: https://addons.mozilla.org/en-US/firefox/addon/multiple-tab-...

It's not as pretty or intuitive as Chrome's “shift-click and drag” approach, but it works well enough.

The only reason I use chrome is the easy debugger hookup for VSCode. If anyone has any tips on how to get that running with FF, I'm all ears!

This probably won't be a satisfying answer to you, but I've found VS Code and WebStorm to be roughly equivalent in terms of features (although I never have been able to leave WebStorm because of a few features that others would probably consider "bloat").

Debugging in Firefox works great!

https://www.jetbrains.com/help/webstorm/debugging-javascript...

I got it working together really fast (like 3 minutes) last time, but earlier this summer it took me 30 minutes or more and before that I couldn't get it working.

Of course now it just seems obvious and I cannot understand what I did earlier.

Use a separate Chromium installation for dev tools