google-chrome.md

Google Chrome

Tips & tricks

Chrome 88

• Emulate unsupported image types
• Simulate storage quota size in the Storage pane
• New Web Vitals lane in the Performance panel recordings
• New copy options in the Network panel
• [Experimental] CSS Flexbox debugging tools
• [Experimental] Customize chords keyboard shortcuts

Chrome 87

• New CSS Grid debugging tools
• Grouping CSS properties in the Computed pane
• [Experimental] View and fix color contrast issues in the CSS Overview panel
• [Experimental] Customize keyboard shortcuts in DevTools

Chrome 86

• New Media panel
• Capture node screenshots via Elements panel context menu
• Emulate missing local fonts
• Support for new JavaScript features: logical assignment operators, pretty-print numeric separators
• Accessible color suggestion in the Styles pane

Chrome 85

• Style editing for CSS-in-JS frameworks
• Support for new JavaScript features: optional chaining, syntax highlighting for private fields and nullish coalescing operator

Chrome 84

• View accessibility information in the Inspect Mode tooltip
• Support for the revert keyword
• Image previews
• Color Picker now uses space-separated functional color notation

Chrome 83

• Emulate vision deficiencies
• Emulate locales
• View network requests that set a specific cookie path

Chrome 82

Chrome 82 was cancelled.

Chrome 81

• Hover over CSS content properties to see unescaped values

Chrome 80

• Support for let and class redeclarations in the Console

Chrome 79 and older

• Simulate different prefers-color-scheme and prefers-reduced-motion preferences
• Copy element styles
• Visualize layout shifts
• Capture area screenshot in the Command Menu
• Shortcut for viewing RGB and HSL color codes
• Save custom geolocation overrides

Links

• What's New In DevTools – YouTube playlist