![]() Thanks to Duncan Dean for that contribution. It now allows wildcard patterns with “*”. ![]() The Request Blocking panel helps you test how resilient your site is when matched requests fail. Filter buttons are also more legible, with improved contrast between states, thanks to contributor Vitalii. Note how the design is more consistent with the overall look of the DevTools. On the interface side, contributor Florens Verschelde drove the proposal and design for adding borders between columns to aid readability. This release marks major improvements for how fast simultaneous quick-firing requests are rendered without taxing your CPU. Network additionsĪ lot of quality and performance work went into the Network panel for Firefox 75. In other WebSocket Inspector news, the message filter now supports regular expressions, thanks to long-time contributor Outvi V. When you select the Log option, event data and the handler that’s been executed will be logged, but execution will not pause. Use the newly-added Event Listener Breakpoints in the Debugger. You now have the option to either pause or log when WebSocket event handlers are executed. This time there’s a nice addition to debugging, thanks to a contribution from the talented Chujun Lu. WebSocket inspection features have improved in every recent DevTools release. This makes it easier to test expressions and fine-tune queries on real sites. Thanks again to sebo, you can now use XPath in the Inspector’s HTML search for DOM elements. XPath queries are commonly used in automation tools to tell software which elements to look for and interact with. ![]() Thanks to Sebastian Zartner, these rectangles now have resize-handles, so you can adjust them precisely. You can enable the tool in the settings, under “Available Toolbox Buttons”. Using the optional area measurement tool in DevTools you can quickly draw rectangles over your page to measure the height, width, and diagonal length of specific areas. Better inspection & measuring Area measuring is now resizable Also, you can preview errors to help you fix expressions faster. The in-code autocomplete recommends methods and properties based on the result type. Elements for DOM nodes in results are highlighted. As long as expressions typed into the Web Console are side-effect free, their results will be previewed while you type.Ī lot of polish went into making the preview as seamless as possible. The new Instant evaluation previews the results of the current expression as you type, similar to editors like Quokka.js. It’s now easier to prototype longer code with Firefox’s multi-line Console mode, which becomes ever friendlier and more IDE-like to use. Instant evaluation for console expressionsĮvaluating expressions in the Console is a rapid way to explore your application state, query the DOM, or just try out JavaScript APIs. Let’s start by reviewing the most interesting Developer Tools additions for 75. On the web platform side, new additions include HTML lazy loading for images, the CSS min(), max(), and clamp() functions, public static class fields, and additions to Web Animations API support.Īs always, read on for the highlights, or find the full list of additions in the following articles: ![]() On the developer tools side, you’ll find instant evaluation in the console, event breakpoints for WebSockets, and many other things besides. Even in these times of isolation, our engineering teams have adapted, kept focused, and worked hard to bring you another exciting new edition of Firefox.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |