Chrome DevToolsVerified account

@ChromeDevTools

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

Google Chrome
devtools.chrome.com
Joined November 2014
327 Photos and videos Photos and videos

Tweets

You blocked @ChromeDevTools

Are you sure you want to view these Tweets? Viewing Tweets won't unblock @ChromeDevTools

  1. Pinned Tweet
    Oct 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 replies 22 retweets 50 likes
    Undo
  2. 7 hours ago

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

    1 reply 35 retweets 74 likes
    Undo
  3. Nov 8

    Bear in mind that this should "just work" with native compilers, but on the tooling side DWARF support is still in progress. For example, Emscripten (Binaryen) and wasm-bindgen don't support updating DWARF after transformations, so they won't benefit from this integration yet.

    3 replies 9 retweets 48 likes
    Show this thread
    Show this thread
    Undo
  4. Nov 8

    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.

    14 replies 332 retweets 974 likes
    Show this thread
    Show this thread
    Undo
  5. Nov 8

    What looks like a small change involved a lot of thoughts. We explored design options (), and worked with the team to implement ().

    Rerunning code that declare let-variables no longer cause failures in DevTools console. We hope this makes trying out code more convenient!
    3 replies 42 retweets 190 likes
    Undo
  6. Nov 7

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

    65 replies 522 retweets 2,456 likes
    Undo
  7. Oct 10

    Last call for questions! We'll be happy to answer anything about DevTools, like "what's the best way to do X", feature requests... you name it. Reply to this tweet with your questions, or comment in this thread:

    This month's is all about DevTools! Ask us anything about and we'll answer your questions in a livestream later this month.
    11 replies 9 retweets 27 likes
    Undo
  8. Oct 9

    Just reply to this tweet with your questions for . We've also got a thread started on r/webdev:

    This month's is all about DevTools! Ask us anything about and we'll answer your questions in a livestream later this month.
    9 replies 7 retweets 16 likes
    Undo
  9. Sep 26

    We're hiring!

    We're hiring for a Chrome DevTools Developer Advocate (Munich based). If you love tooling and helping developers, ping me.
    1 reply 10 retweets 41 likes
    Undo
  10. Sep 11

    Congratulations . Great feature.

    🌅 Now in Beta: Inactive CSS! We show you which CSS properties aren’t affecting the selected element and why. (Has this saved you time already? We love hearing from you and seeing screenshots!) —
    23 replies 585 retweets 2,954 likes
    Undo
  11. Sep 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 ^

    1 reply 11 retweets 38 likes
    Undo
  12. Retweeted
    Sep 6

    🔥 DevTools Tip: Use console.groupCollapsed() to have have your messages collapsed by default. Use .group() to expand by default. Helps avoid a cluttered console!

    1 reply 90 retweets 271 likes
    Undo
  13. Retweeted
    Sep 9

    Puppeteer Recorder is game-changing for tests: ~ This Chrome extension records interactions & *generates* replay scripts 🤯

    54 replies 952 retweets 3,351 likes
    Undo
  14. Retweeted
    Sep 9

    Quickly determine JavaScript performance bottlenecks of interactions in your app via the Performance tab of . There's a LOT more to this stuff, but learning how to use these tools is super helpful!

    4 replies 158 retweets 768 likes
    Undo
  15. Retweeted
    Aug 4

    One of my favorite tricks is when you can't figure out what CSS selector is causing what you see, click on the Computed tab in the Elements panel. It shows who wins after the specificity wars :) And you can click on a property to take you to the specific rule!

    Screenshot of the Chrome DevTools Computed tab
    5 replies 29 retweets 125 likes
    Undo
  16. Sep 5

    Settings > Preferences > Elements > Show User Agent Shadow DOM

    TIL: enabling "Show user agent shadow DOM" in will let you peak under the hood of complex HTML elements so see their building blocks and pseudo-classes. Super useful for setting up custom styles!
    1 reply 28 retweets 84 likes
    Undo
  17. Retweeted
    Sep 2

    You can view your console log in an ordered fashion with a nice feature of . Just expand your console and you will see per file logs, warnings, infos etc. Very useful on larger projects😉

    22 retweets 51 likes
    Undo
  18. Retweeted
    Sep 3

    🔥TIL: From chrome v77 we can copy individual HTML element styles via context menu in devTools 🤗 For more see what's new in Chrome v77 -

    10 retweets 37 likes
    Undo
  19. Retweeted
    Sep 4

    A keyboard shortcut for Chrome DevTools () Shortcut: command + option + f Command: Opens the Search tab in the Drawer See more Chrome DevTools shortcuts here:

    Keyboard shortcut for Chrome DevTools: "command + option + f" command: "Opens the Search tab in the Drawer"
    4 retweets 9 likes
    Undo
  20. Sep 5

    Audits panel is the best place to start the journey.

    One of the best advice that I received when I started my career as a some years ago: "We can't say that something is fast just because it feels fast. We need to measure and demonstrate with facts." That's when I started to learn about .
    4 retweets 9 likes
    Undo

@ChromeDevTools hasn't Tweeted yet.

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

    ·