fbpx

Google Chrome 86 Dev Tools Update – Search Engine Journal

Google Chrome 86, due in October 6, 2020, will feature an  updated version of Dev Tools. The update introduces new features that extends the usefulness of the tool. Publishers will be able to debug video in a new easily accessible media panel, have access to more emulators and take advantage of better audits from Lighthouse to 6.2.

Screenshot of New Media Panel Video Debugger

New Media Panel

Chrome dev tools now features a media panel that lets you debug videos.

Step by Step instruction on how to access the media panel:

The new media panel allows you to inspect properties, events, messages, and timeline.

Now you can take screenshots of specific nodes via a contextual drop down menu in the Elements panel.

Emulate Missing Local Fonts

When enabled, this feature will ignore fonts on your machine and behave as if the fonts are missing. This causes the dev tool to fetch the font just like a new visitor would, allowing you to debug the process.

Emulate prefers-reduced-data

This is a setting that can emulate a site visitor who has a browser preference set for data saving mode. The prefers-reduced-data CSS media query can then show a smaller image.

The W3c has noted concerns that this feature could be used to identify low income users.

“This feature may be an undesired source of fingerprinting, with a bias towards low income with limited data. A Privacy and Security section should be added to this spec, and it should address this concern. <https://github.com/w3c/csswg-drafts/issues/4832>

This media query will be supported from Chrome 85 onward, including Chrome-based Microsoft Edge.

By enabling this emulation, a publisher can view and debug web page behavior for these situations.

Lighthouse 6.2

This update adds numerous fixes and improvements.

These are some of the improvements according to Google:

The above is just a partial listing and explanation of the different changes. There are other improvements such as support for new JavaScript features.

Translate »