Chrome DevToolsVerified account

@ChromeDevTools

Official account. Follow for latest news, features, tips, handy extensions and more.

Google Chrome
Joined November 2014

Media

  1. What’s new in DevTools in Chrome 80? ↳ let and class redeclarations in Console ↳ improvements to WebAssembly debugging, code coverage, Audit & Network panels

  2. Ever wondered how to break on Array.prototype.sort, but only if every element in the array is a hiragana character?

  3. Did you try this yet? Enable the experiment called "Record coverage while performance tracing".

  4. Emulate `prefers-color-scheme: dark` from DevTools either from the Rendering drawer, or from the Command Menu (Ctrl/Cmd + Shift + P)

  5. Replying to

    I cannot reproduce this. Does the page you are inspecting maybe override `console.log`?

  6. DevTools now shows how saves time through streaming compilation, by taking advantage of the wait time for loading JS. Also see

  7. Initial DWARF support has landed in Chrome DevTools! It means that you can resolve stack traces, set breakpoints and step-in/-over source code in C/C++/Rust natively, without generating source maps.

    Show this thread
  8. Rerunning code that declare let-variables no longer cause failures in DevTools console. We hope this makes trying out code more convenient!

  9. This month's is all about DevTools! Ask us anything about and we'll answer your questions in a livestream later this month.

  10. On top of opening the Elements panel, this shortcut also enables Inspect Mode. As you hover over elements you'll see a detailed tooltip with commonly needed info about the element, like color, font, contrast ratio ^

  11. Replying to and
  12. Pinning document.activeElement as a Live Expression is another way to handle this

  13. Check out 's recent talk to learn more about core workflows like debugging CSS & JS as well as lots of useful new features & hidden old features

  14. It's more like this... (in other words we're aware of it... star the issue if you want us to prioritize... and if you've got specific UX alternatives those are greatly appreciated) ---

  15. New in Chrome 77: Lighthouse 5.1 in the Audits panel. Includes a new audit for checking that a PWA can be added to iOS homescreen, a diagnostic audit that reports request counts and file sizes broken down by categories like scripts, and a new speed metric.

  16. New in Chrome 77: Copy a DOM node's styles. After iterating on styles, right-click the node in the DOM Tree > Copy > Copy styles to copy your changes to your clipboard. Thanks and VisBug for the inspiration.

  17. Tip: Sort Network panel by Size column to quickly find big images

  18. Replying to

Loading seems to be taking a while.

Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.

    You may also like

    ·