HomeArticlesChrome 77 – What’s New in DevTools Chrome 77 – What’s New in DevTools By Harry Baker October 20, 2019 Articles, Blog 50 Comments Tags:application panel, audits panel, breakpoint editor, chrome 77, chrome dev tools, chrome developers, copy element’s style, dev tools, Devtools, google chrome developers, google developers, keyboard shortcut, lighthouse 5.1, lighthouse 5.1 in the audits panel, new to devtools, new to devtools in chrome 77, os theme, os theme syncing, prefetch cache, prefetch cache in network panel, visualize layouts shifts, what’s new in devtools Related Posts Krishnarjuna Yuddham 2018 New Released Full Hindi Dubbed Movie || Nani, Anupama, Rukshar Dhillon Romeo and Juliet: ‘Twenty years till then’ | Shakespeare’s Globe | Rent or Buy on Globe Player The Fox and the Hound – Theatrical Trailer About Author admin 50 Comments Maxfoox September 3, 2019 1st? Reply Sepehr Mohaghegh September 3, 2019 When is the release date? I've been waiting for this update so long. Reply Francesco Montemurro September 3, 2019 i'm a user… please introduce accessibility zoom (like mac or win) with a key button plus mouse wheel!!! Reply Rebel September 3, 2019 Awesome features with copy css!!! Thanks Chrome devs! Reply Andrey Makarov September 3, 2019 Thanks! Reply PALR Official September 3, 2019 first Reply Nallamala Lokesh September 3, 2019 Notifications list feature ia really cool Reply Brian Best September 3, 2019 I am happy about this update Reply Lordious September 3, 2019 Niceee Reply Will Stocks September 3, 2019 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!!! 😄 Reply Anton Juul-Naber September 3, 2019 I'm pretty sure the apple touch icon test was added in Chrome 76. Otherwise great content as always 🙂 Reply Alex Troll September 3, 2019 When will you enable again coverage report between pages in devtools? Its per one page only! Reply Koray Tuğberk GÜBÜR September 3, 2019 Great features! Reply Lars Rye Jeppesen September 3, 2019 Awesome stuff Reply joshio banarjee September 3, 2019 My dreams are coming true 💥💥😍 Reply L.P.C September 3, 2019 Please support on format h.264 in chromium library in c# Reply Valeriy Donika September 3, 2019 Copy styles? WOW! Is it legal at all? Reply neuemage September 3, 2019 Loving the stage Next I want to see you working on a piece of wood and then look at the camera like "oh hey didnt see you there" xD Reply MaxArt September 3, 2019 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. Reply The Jared Wilcurt September 3, 2019 We've been able to toggle light/dark theme in the dev tools for years. When are we going to be able to do that for THE REST OF CHROME. I shouldn't have to set my entire OS to light mode just to make chrome not look terrible (which it absolutely does in dark mode). Firefox, Edge, Opera, etc all allow you to manually enable light or dark mode without having to change the setting for the entire OS. It's super annoying that Chrome can't do this very simple feature. Reply Aaron Miller September 3, 2019 So excited about being able to copy styles now! Thanks Chrome Dev Team!!! Reply David Vielhuber September 3, 2019 what a joy watching this. good presentation! Reply Ellis Antaya September 3, 2019 Cool features ! Reply Ellis Antaya September 3, 2019 I don't understand why someone would dislike this video 🤷🏻♂️ Reply YK L September 4, 2019 NICE ！ Reply Aung Zan Baw September 4, 2019 Push notification https://www.youtube.com/watch?v=0SWguMrIuTw Reply Rebel September 4, 2019 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. Reply JIHAD SINNAOUR September 4, 2019 Great! This gonna help a lot… Reply Razvan Caliman September 4, 2019 Good stuff! Thanks for the video! Reply Mani K September 4, 2019 I needed Copy element's style badly. Thanks for it. Reply Razvan Toader September 4, 2019 The last one, selecting by CSS selector was already added several versions before. Reply miggu25 September 4, 2019 how about fixing the dropped frame issue on twitch and youtube?? Reply Ashish Kumar September 4, 2019 Unrelated but Firefox released version 69. Reply shreyas D September 4, 2019 This was actually helpful. Thanks Reply Paul Newton September 5, 2019 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. Reply Paul Newton September 5, 2019 4:07 is there a need for a non-commercial public tool to test push¬ifications? or is pushengag legit? Reply Edo Brca September 5, 2019 How remove new tabe in chrome dev to andriod Reply Adrià Vilanova Martínez September 6, 2019 Thanks for the update! Also, I learned about conditional and log breakpoints which will be very helpful! 🙂 Reply Kelvin W. Kiger September 7, 2019 Amaizing. As always, see you in 6 weeks. Reply Квенсон September 7, 2019 My pc RAM: 32GBChrome requires : 320TB Reply Bob Saget September 10, 2019 Whats the date chrome is switching to manifest v3 aka the day I switch to Firefox? Reply 惜别 September 10, 2019 dark theme is the best！ Reply Sergii Horoshko September 10, 2019 Cool! Thanks! Reply Deliverant September 14, 2019 I don't know why but my Elements tab in the DevTools lags a lot, i tried to remove all the extension but nothing 🙁 Reply Steve Nguyen September 16, 2019 Thx man Reply SARAVANA KUMAR PS September 23, 2019 After this update the chrome://inspect doesn't list the USB connected devices. I tried in version 76 it works fine. Reply David Tch September 25, 2019 honestly, tell me and show me the people who press "dislike" on these videos. What's the point? Reply Ifor Williams September 29, 2019 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. Reply Akhlesh Kumar October 5, 2019 Is the there any keyboard shortcut to directly copy the element styles to the clipboard ? Reply Josef October 20, 2019 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? Reply Add a Comment Cancel reply Your email address will not be published. Required fields are marked *Comment:*Name:* Email Address:* Save my name, email, and website in this browser for the next time I comment.