Chrome 77 - What’s New in DevTools

New to DevTools in Chrome 77:

0:10 - Copy element’s style
0:35 - Visualize layouts shifts
1:15 - Lighthouse 5.1 in the Audits panel
2:02 - OS theme syncing
2:36 - Keyboard shortcut for opening the Breakpoint Editor
3:09 - Prefetch cache in Network panel
3:44 - Private properties when viewing objects
4:07 - Notifications and push messages in the Application panel

[Rebel]

Awesome features with copy css!!! Thanks Chrome devs!

[MaxArt]

A boatload of new features.
Copying the elemnt style will come in handy indeed.

The dark theme for the dev tools has been around for a while, but there are some areas where it's sub-optimal when it comes to contrasts. I hope it will get better.

[willstocks]

Does “Copy Styles” copy _all_ styles for that element (such as :hover and :focus) or just the _current_ styles applied?
This will be super useful for learning how other people have put clever little things together!!! 😄

[avm]

Thanks for the update! Also, I learned about conditional and log breakpoints which will be very helpful! :)

[floverdevel]

I don't understand why someone would dislike this video 🤷🏻‍♂️

[iforwms]

Any chance of adding a checkbox in the Network panel next to "Hide Data URLs" to hide OPTION requests? At the moment having to manually type "-method:OPTIONS" into the filter every time is a bit cumbersome.

[mistertroll]

When will you enable again coverage report between pages in devtools? Its per one page only!

[Anton-cvti]

I'm pretty sure the apple touch icon test was added in Chrome 76. Otherwise great content as always :)

[Deliverant]

I don't know why but my Elements tab in the DevTools lags a lot, i tried to remove all the extension but nothing :-(

[jmemusic]

Where is the "Form Data" section under "Network" gone? I don't see it there anymore. Do you have to activate something to see it?

[DavidVielhuber]

what a joy watching this. good presentation!

[Rebel]

As a seasoned Chrome dev-tools user for over 6y, I would like to suggest a focus mode for break/log points where code that is outside the local scope (curly braces) is dimmed down.

[chyupatwo]

The last one, selecting by CSS selector was already added several versions before.

[the_akhleshkumar]

Is the there any keyboard shortcut to directly copy the element styles to the clipboard ?

[xcbs]

My pc RAM: 32GB
Chrome requires : 320TB

[SARAVANAKUMARPS]

After this update the chrome://inspect doesn't list the USB connected devices. I tried in version 76 it works fine.

[mspointsfre]

Whats the date chrome is switching to manifest v3 aka the day I switch to Firefox?

[KelvinWKiger]

Amaizing. As always, see you in 6 weeks.

[miggu]

how about fixing the dropped frame issue on twitch and youtube??

[TheNewton]

3:09 - Prefetch cache gave me the though that I wish there was a way to manually flag assets to be prefetched then also ignore loaded assets on full reload while devtools is open. I do so many page refreshes i'm always waiting on assets to load it drive me nuts.