![]() Once you moved the files to their final location (say /opt/firefox_dev/), you can create the following file ~/.local/share/applications/firefox_dev.desktop to get a launcher with an icon distinct from normal Firefox. A good practice is to install it in /opt/ or /usr/local/. Extract it with file-roller and move the folder to its final location. Manuallyĭownload from Mozilla Firefox Developer Edition webpage. There are currently three ways to do this, manually, PPA or via Ubuntu Make. "By using the Developer Edition, you gain access to tools and platform features at least 12 weeks before they reach the main Firefox release channel." - Developer Edition - Mozilla | MDN#The_latest_Firefox_features Installation Here's one of many perks when using F.D.E: To unify settings, you can use Firefox sync. will be a completely UN-customized browser. Meaning you can have both Firefox or F-beta, installed next to the developer edition. It uses a separate profile than the regular version of Firefox. articles by J.The Firefox Developer Edition is a modified version of Firefox, specifically designed for web developers.Staff Engineer working on Firefox DevTools at Mozilla. Thanks to all the new developers who made their first DevTools contribution this release:ĭo you have feedback, bug reports, feature requests, or questions? As always, you can comment here, add/vote for ideas on UserVoice, or get in touch with the team at on Twitter. This is especially useful when an element and its parent occupy the same space on the screen, making it difficult to select one of them using only the mouse.įor an even more complete list, check out all 200 bugs resolved during the Firefox 39 development cycle. When an element’s highlighted in the Inspector, you can now use the arrow keys to highlight the current element’s parent (left key), or its first child, or its next sibling if it has no children, or the next node in the tree if it has no siblings (right key).Network Monitor now shows the remote server’s IP address and port. ![]() ![]() Browser Toolbox can now be opened from a shortcut: Cmd-Opt-Shift-I / Ctrl-Alt-Shift-I.Canvas Debugger now supports setTimeout for animations.Attribute changes only flash the changed attribute in the Markup View, instead of the whole element.If you’re working on a mobile app project using Cordova, WebIDE now knows how to build the project for devices it supports without any extra configuration. WebIDE gained support for Cordova-based projects. We’ll discuss this feature in more detail in a future post. WiFi debugging allows WebIDE to connect to your Firefox OS device via your local WiFi network instead of a USB cable. WiFi debugging for Firefox OS has landed. This feature was added by contributor Johan K. This makes a pseudo-array-like object easier to reason about and inspect, just like a real array. We now format pseudo-array-like objects as if they were arrays in the Console output. If you evaluated an expression without storing the result to a variable (for example), you can use this as a quick way to grab the last result. The shorthand $_ has been added as an alias for the last result evaluated in the Console. Additionally, we’ve added a clearHistory console command to reset the stored list of commands. The recent commands you’ve entered will remain accessible in the next toolbox you open, whether it’s in another tab or after restarting Firefox. Now, Console history is persisted across sessions. Previously, when the DevTools console closed, your past Console history was lost. You can rewind, fast forward, and set the current time of your animations. The CSS animations panel we debuted in Developer Edition 37 now includes a time machine. This enhancement was added by new contributor John Giannakos. In Developer Edition 39, we’ve greatly enhanced the tooltip’s UX by adding various standard curves you can try right away, as well as cleaning up the overall appearance. This feature was added by contributor Mahdi Dibaiee.īack in Firefox 33, a tooltip was added to the rule view to allow editing curves for cubic bezier CSS animations. Click and hold on an element and then drag it to where you want it to go. The Inspector now allows you to move elements around via drag and drop. Update your Firefox Developer Edition, or Nightly builds to try them out! Inspector Quite a few big new features, improvements, and bug fixes made their way into Firefox Developer Edition 39.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |