We also landed a few changes to help measure and improve Firefox’s performance: That means that Firefox, Chrome, and Edge all support FLAC on every platform but iOS. Until now, this support was limited to Firefox on desktop platforms (Windows, macOS, and Linux), but Firefox 58 brings FLAC support to Android. In other firsts, Firefox 51 was the first browser to support FLAC, a lossless audio format, on the Web. If you’re interested in creating virtual reality experiences on the Web, check out the A-Frame library, or read our article on how Firefox Quantum delivers smooth WebVR performance at 90 fps. With Firefox 58, WebVR now is supported by default on both Windows and macOS. Firefox 55 introduced support for WebVR on Windows, and included experimental support for macOS. WebVR, FLAC, and Other Tidbitsįirefox is driving new, fundamental capabilities of the Web. The best way to discover the new DevTools is to download Developer Edition and try them yourself. The other tools have also improved: console groups can now be collapsed, the network monitor can be paused, etc. We even implemented “sticky” breakpoints that intelligently move with your code when you refactor or rearrange declarations in a file. This makes it easy to separate the code you wrote from code provided by a framework when you’re tracking down a bug: ![]() Similarly, the debugger can recognize two dozen common JavaScript libraries and group their stack frames in the call stack. You might also notice that the debugger recognized Webpack, and appropriately labeled it in the Sources tree. First, source maps finally work everywhere, and even include proper syntax highlighting for markup like JSX: We’ve implemented tons of new features during the rewrite, but the debugger deserves special mention. The source for debugger.html is on GitHub, and we do our best to tag good first bugs and mentor new contributors. This means that you can use your existing web development skills to hack on the DevTools. In Developer Edition, the Console, Debugger, Network Monitor, and Responsive Design Mode are all implemented in plain HTML, JavaScript, and CSS atop common libraries like React and Redux. Piece by piece, we’ve been rewriting our developer tools in standard Web technologies. ![]() For example, calc() now works everywhere that the spec says it should. We’ve also implemented the CSS font-display property, allowing authors to specify how long the browser should wait for a web font, and when it should consider swapping in a font once it’s loaded.įirefox Quantum also introduced a brand new CSS engine (“Quantum CSS”) which fixed numerous bugs and inconsistencies with CSS in Firefox. Try it yourself on this CodePen by Chris Coyier. More Control for CSS Authorsįollowing the success of Firefox’s powerful CSS Grid Inspector, we’re excited to introduce a Shape Path Editor for elements with a clip-path property. ![]() Let’s dive into the changes coming in Firefox 58, currently available to preview in Firefox Developer Edition. A ton of work has gone into making Firefox an exceptional tool for creating on the Web. Firefox Quantum made Firefox fast again, but speed is only part of the story.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |