Developer Edition 42: Wifi Debugging, Win10, Multiprocess Firefox, ReactJS tools, and more

Firefox 42 has arrived! In this release, we put a lot of effort into the quality and polish of the Developer Edition browser. Although many of the bugs resolved this release don’t feature in the Release Notes, these small fixes make the tools faster and more stable. But there’s still a lot to report, including a major change to how Firefox works.

Debugging over wifi

Now, with remote website debugging, you can debug Firefox for Android devices over wifi – no USB cable or ADB needed.

Multiprocess is enabled by default

Multiprocess Firefox (aka E10s) has been enabled by default in Developer Edition. When it’s enabled, Firefox renders and executes web-related content in a single background content process. If you experience any issues with addons after updating to Developer Edition 42, try disabling incompatible addons or reverting to a single process mode using about:preferences.

Windows 10 theme support

The Developer Edition theme has a new look in Windows 10 to match the OS styling. Take a look:

Screenshot of the dark Developer Edition theme in Windows 10

Dark Developer Edition theme – Windows 10

Screenshot of the light Developer Edition theme in Windows 10

Light Developer Edition theme – Windows 10

React Developer Tools support for Firefox

If you’re developing with ReactJS, you may have noticed that the React project recently released a beta for their developer tools extension, including initial support for Firefox. While there are no official builds yet of the Firefox version, the source is available on github.

Other notable changes

  • Asynchronous call stacks now allow you to follow the code flow through setTimeout, DOM event handlers, and Promise handlers. (Bug 981514)
  • There is a new configurable Firefox OS simulator page in WebIDE. From here, you can change a simulator to run with a custom profile and screen size, using a list of presets from reference devices. (Bug 1156834)
  • CSS filter presets are now available in the inspector. (Bug 1153184)
  • The MDN tooltip now uses syntax highlighting for code samples. (Bug 1154469)
  • When using the “copy” keyboard shortcut in the inspector, the outerHTML of the selected node is now copied onto the clipboard. (Bug 968241)
  • New UX improvements have landed in the style editor’s search feature. (Bug 1159001, Bug 1153474)
  • CSS variables are now treated as normal declarations in the inspector. (Bug 1142206)
  • CSS autocomplete popup now supports pressing ‘down’ to list all results in an empty value field (Bug 1142206)

Thanks to everyone who contributed time and energy to help the DevTools team in this release of Firefox Developer Edition 42! Each release takes a lot of effort from people writing patches, testing, documenting, reporting bugs, sending feedback, discussing features, etc. You can help set our priorities by sharing constructive feedback and letting us know what you’d like from Firefox Developer Tools.

You can download Firefox Developer Edition now, for free.

View full post on Mozilla Hacks – the Web developer blog

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

5 thoughts on “Developer Edition 42: Wifi Debugging, Win10, Multiprocess Firefox, ReactJS tools, and more

  1. Ult Combo

    Yes, that was it. I believe the Developer theme was failing to load and thus Nightly was falling back to the default theme (in this case, the Developer theme’s light/dark switch has no effect).

    The Developer theme seems to be working fine in Nightly for the moment, though. 😉

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  2. Tim Nguyen

    If you have Firebug.next installed, that ugly’ish light theme is shown because Firebug doesn’t properly support the Developer Theme.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  3. Ult Combo

    Thanks!

    My bad, I rushed my previous comment a bit too much. The Windows 10 theme looks awesome! (both light and dark versions)

    Thing is, 2 weeks or so ago I was using the Developer Theme on my Nightly, and then when I upgraded to Windows 10, it immediately switched to a ugly’ish light theme. Now, trying out the theme with the Windows 10 tweaks, everything looks perfectly on both light & dark themes. 😀

    Congratz everyone!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  4. Dan Callahan

    To switch between light and dark themes, open up the Developer Tools (F12), click the settings button (gear icon) on the right, and look under the “Theme Settings” header.

    Out of curiosity, what changes do you dislike? There should have only been minor changes for Windows 10…

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  5. Ult Combo

    The Windows 10 Developer Edition theme is too ugly, IMHO. Can we opt-out of it or opt-in to the old dark theme?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

Leave a Reply