Published on January 17, 2018 by Chrome

New to DevTools in Chrome 64: the real-time Performance Monitor, easier filtering with the Console Sidebar, and automatic message groupings in the Console.

0:15 – Performance Monitor
1:08 – Console Sidebar
2:12 – Console Message Grouping
2:38 – Bonus Tip! (Hover Effects)

Check out the blog version of these release notes here → goo.gl/KGvKij

Discuss these features and changes on the mailing list → goo.gl/RvWtFx

Or tweet us → twitter.com/chromedevtools

Subscribe to the Google Chrome Developers channel → goo.gl/LLLNvf

Leave a Reply

86 Comments on "Chrome 64 – What’s New in DevTools"

Notify of
avatar

Arindam Bera
Guest
Arindam Bera
5 months 3 days ago

very good update. it is helping the the developers a lot.

Kwint
Guest
Kwint
5 months 5 days ago

ctrl shift c

GERSON MOJARRO
Guest
GERSON MOJARRO
5 months 7 days ago

THIS IS GREAT I ALWAYS WANTED TO CREATE USING A VERY ADVANCED BASIC!

chello yana
Guest
chello yana
5 months 8 days ago

how to use to network ?

CMT/hochieu121781961 Nguyenvansang
Guest
CMT/hochieu121781961 Nguyenvansang
5 months 21 days ago

thanks hcrome

CMT/hochieu121781961 Nguyenvansang
Guest
CMT/hochieu121781961 Nguyenvansang
5 months 21 days ago

yes

faceupanddown
Guest
faceupanddown
5 months 24 days ago

Hello. How about fixing the Network > Preview tab ?I am PHP/JS/Py scripter and god, I have more important things to do, than copy HTML from AJAX requests in blank index.phtmls,so I could just imitate what "Preview" tab used to do in say Chrome 35 even …This specific broken functionality on "prod, stable release" dishonors, your otherwise most fine efforts, dev-tools team.Fix that, come on, enough slacking.

faceupanddown
Guest
faceupanddown
5 months 4 days ago
short-reply : html renderingLong reply: I am a PHP/MEAN full-stack.As such, I need to debug AJAX calls, sometimes dump preformated data structures in them, so I can inspect them as response in network Tab.*Here is a random "var_dump " in modern-era Chrome, from network-dev-tools tab, "Preview" sub-tab*:<pre class='xdebug-var-dump' dir='ltr'><small>/var/www/html/schuback/app/code/AttractSoft/BrandTemplates/Block/Adminhtml/Attribute/Edit/Brand.php:81:</small><b>array</b> <i>(size=4)</i> 'id' <font color='#888a85'>=&gt;</font> <small>string</small> <font color='#cc0000'>'10'</font> <i>(length=2)</i> 'brand_id' <font color='#888a85'>=&gt;</font> <small>string</small> <font color='#cc0000'>'4'</font> <i>(length=1)</i> 'store_id' <font color='#888a85'>=&gt;</font> <small>string</small> <font color='#cc0000'>'0'</font> <i>(length=1)</i> 'template_name' <font color='#888a85'>=&gt;</font> <small>string</small> <font color='#cc0000'>'view.phtml'</font> <i>(length=10)</i></pre>*Here is a sample from the same functionality, from a browser that I abandoned(MFF), thanks to Chrome Dev Tools awesomeness, years ago :var/www/html/schuback/app/code/AttractSoft/BrandTemplates/Block/Adminhtml/Attribute/Edit/Brand.php:81:array… Read more »
Kayce Basques
Guest
Kayce Basques
5 months 19 days ago

What broken functionality are you referring to?

ns087
Guest
ns087
5 months 26 days ago

Andy Dwyer

asdfgh
Guest
asdfgh
5 months 26 days ago

you guys are seriously amazing for making these videos every new release.. You don't know how much this is helping us save so much time. These videos should be a standard thing for all companies i.e: facebook react, node, etc…

MrArchy108
Guest
MrArchy108
6 months 1 day ago

Did he say Document Frames not Frames per second? WTH is Document Frames

Kayce Basques
Guest
Kayce Basques
6 months 23 hours ago

Document frames are browsing contexts embedded within the current page. If you've got a lot of ads on your page, you may see a lot of doc frames, because ads are usually wrapped in iframes, and each iframe is separated into its own browsing context. developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

1 2 3 6
wpDiscuz