Logical assignment operators - DevTools now supports logical assignment with the new operators &=, ||=, and ?= in the Console and Sources panels.You can now use DevTools to emulate the prefers-reduced-data media query.Ĭhromium issue: 1096068 # Support for new JavaScript featuresĭevTools now has better support for some of the latest JavaScript language features: The prefers-reduced-data media query detects if the user prefers being served alternate content that uses less data for the page to be rendered. You can see this emulation option only if the flag is enabled. In Chrome 86, this feature is available behind the chrome://flags/#enable-experimental-web-platform-features flag. You can open the Sensors tab from the Drawer.Ĭhromium issue: 1090802 # Emulate prefers-reduced-data You can now use DevTools to emulate idle state changes in the Sensors tab for both the user state and the screen state instead of waiting for the actual idle state to change. The Idle Detection API allows developers to detect inactive users and react on idle state changes. Discover any differences between web fonts and their local versionsĬhromium issue: 384968 # Emulate inactive users.Debug and measure web fonts loading performance and optimization.A local font for your design tools, andĭisabling local fonts makes it easier for you to:.Oftentimes, developers and designers use two different copies of the same font during development: When Disable local fonts is enabled, DevTools ignores the local() fonts and fetches them from the network. Open the Rendering tab and use the new Disable local fonts feature to emulate missing local() sources in rules.įor example, when the font "Rubik" is installed on your device and the src rule uses it as a local() font, Chrome uses the local font file from your device. Enable the new Include third-party cookie issues checkbox to view them.Ĭhromium issues: 1096481, 1068116, 1080589 # Emulate missing local fonts Third-party cookie issues are now hidden by default in the Issues tab. The Issues warning bar on the Console panel is now replaced with a regular message. You can now capture node screenshots via the context menu in the Elements panel.įor example, you can take a screenshot of the table of content by right clicking the element and select Capture node screenshot.Ĭhromium issue: 1100253 # Issues tab updates why dropped frames are occurring, why JavaScript is interacting with the player in an unexpected way).Ĭhromium issue: 1018414 # Capture node screenshots via Elements panel context menu You can live view and inspect on potential issues quicker (e.g. The new Media panel provides an easier way to view events, logs, properties, and a timeline of frame decodes in the same browser tab as the video player itself. Prior to the new media panel in DevTools, logging and debug information about video players could be found in chrome://media-internals. DevTools now displays media players information in the Media panel.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |