We have also updated the debugger gutter style-conditional breakpoints are now highlighted in the gutter in orange. Here is a screenshot of the new light theme: For example, we gave the light theme a complete makeover, to give it a lighter and more polished look and feel. We have made small tweaks such as reducing the default tab width and adding new icons inside the memory tool, but we have also made some major changes. In this release, we gave a visual tune-up to the toolbox. In addition to cache storage support, you can now filter the contents of the table using the search box located on the top toolbar. Be sure to check Sole Penadés’ blog post that dives into the details of service worker debugging. The storage inspector now has support for cache storage, which is very useful if you’re debugging a service worker. If not, pressing “Enter” will add a new line to your input, so you can seamlessly continue writing your command. If it is, pressing “Enter” will simply execute your command. ![]() When pressing the “Enter” key, the console will now detect whether your input is complete or not. The way multi-line input in the console is handled has been improved. You can read more about this feature in the MDN documentation here. This is particularly useful when you are debugging a possible memory leak. In this version, we’ve improved it by adding a retaining paths panel, which gives you a graph displaying all the nodes that are preventing a selected node from being garbage collected. In the previous release, we added a dominator view to help you debug memory-intensive applications. ![]() For example, you can type in a mobile browser user agent to see how a website would look on your phone. You can use this to check whether a site uses user agent sniffing. ![]() You can now simply type your new user agent string inside the “Custom User Agent” field. We have added the ability to emulate a custom user agent on any webpage from responsive mode. In this post, we’ll cover the rest of the updates and changes in this Developer Edition release. This week marks the release of Firefox Developer Edition 47! In recent weeks, we’ve covered the DevTools reload add-on and service worker tooling, so be sure to check out those posts.
0 Comments
Leave a Reply. |