
![]() | Official account. Follow for latest news, features, tips, handy extensions and more. |
We’re excited to publicly introduce Open Web Docs, a collective project between Google, Microsoft, Mozilla, Coil, W… https://t.co/I1ohaD4ARS
Retweeted by Chrome DevTools

Beating Monday Blues! 🐳 How about upgrading your Chrome browser and getting to know What's New in DevTools (Chrome… https://t.co/6dDcsrXSs9
First engineering blog post of 2021!
@Jack_Franklin shares about how we migrate Puppeteer to TypeScript progressiv… https://t.co/sLFsYSmo4W
Chrome 88 is here! 🎉@JecelynYeen has all the details. https://t.co/i6cHjYfLHW
🕔 New CSS angle swatch
🖼 Emulate AVI… https://t.co/vPTntG2kzo
✨ First What's New in DevTools of 2021!
🐞 Debugging support for Trusted Types violations
📸 Capture *full* node sc… https://t.co/MbEJ4OYZiJ
Join us this weekend, we'll be having a @ChromeDevTools Developer Advocate @JecelynYeen and @GoogleDevExpert… https://t.co/Q7pSFGzOux
Retweeted by Chrome DevTools

🧭 Let’s navigate together 🧭
Learn how code migrations in @ChromeDevTools are planned, implemented, & maintained wi… https://t.co/N3EciU6Nz2
Retweeted by Chrome DevTools

@a11y_mmo @googlechrome @googleaccess Hard to do that without violating the spec. Also hard to decide what content… https://t.co/onn8wkjD4X
👩💻 Did you know you can expand the computed styles sidebar in @ChromeDevTools to look at them side by side?… https://t.co/rNXIyaF9yK
Retweeted by Chrome DevTools

@tomayac @sergiomdgomes Known issue. I hope we can resolve this in 2021 :)🆕 We are hungry for features! 🆕
@JecelynYeen gives us an overview of the latest and greatest features in… https://t.co/wAzJV17IRJ
Retweeted by Chrome DevTools

@HamatoYogi @NirArazi This was added a few months ago.
Here's a post on how @googlechrome and @ChromeDevTools helped us find a solution to a user complaint.
#Chrome… https://t.co/ohxkmY6uHO
Retweeted by Chrome DevTools#ChromeDevTools codebase is:
👴🏼 over 10 years-old
👩🏽💻 has ~150k lines of first party JavaScript
In this video,… https://t.co/9Cf2Kj8vSW

📺 My video went live!
Sum up the GREAT new features in @ChromeDevTools of year 2020.
Watch here (demo links inclu… https://t.co/5CqgKD04th
Retweeted by Chrome DevToolsICYMI, yesterday we presented a new debugging experience for WebAssembly in @ChromeDevTools.
📺 Watch the video:… https://t.co/YhbmHfYpq7
Retweeted by Chrome DevTools


🤩 Chef @JecelynYeen just introduce 18 G.R.E.A.T @ChromeDevTools features at #ChromeDevSummit.
😋 Grab a plate of fr… https://t.co/za7GhjsPb6Come visit #ChromeDevTools booth in CDS Adventure!
Complete the codelabs for rewards!
👉🏼 https://t.co/n5HVCDmzMG… https://t.co/qZP7XQHdV5Debugging is an important part of the development process, even more so when porting code to a new target.
Join… https://t.co/q4kV6o7qmj🤩 New WebAssembly inspection features
Porting code to a new target always comes with its own challenges. Join… https://t.co/8oZHNkWnFz
Retweeted by Chrome DevToolsMy talk on What's new in @ChromeDevTools starts in about 15 minutes!
Erm... why did I wear apron? 😏
💻 Stream on →… https://t.co/BzifYy25NM
Retweeted by Chrome DevToolsThat's the video I was excited about!
You'll find:
🔸 Setting up your app for performance profiling
🔸 Understanding… https://t.co/nr8DYHGGTw
Retweeted by Chrome DevTools



#todayilearned that calling `getEventListeners(element)` in @ChromeDevTools Console lists all the event listeners a… https://t.co/MHIsdmJw55
Retweeted by Chrome DevToolsCome meet us at CDS Adventure! #ChromeDevSummit
https://t.co/BNVKw3Zphi
We have a couple codelabs for you to lear… https://t.co/wIfLL5YnvHJoin us in 2 hours! 🤩 #ChromeDevSummit https://t.co/v8pAIJe1ZV

The Elements breadcrumb is the first Web Component (WC) in Chrome DevTools.
Since then, we have migrated more UI… https://t.co/Bvd9zNbVcv🎇🆕🆒🎇
Was wondering how to know `content-visibility` was actually hiding stuff that had scrolled offscreen; @vmpstr… https://t.co/ESIyyKmjR9
Retweeted by Chrome DevTools

You can now emulate web authenticator with the WebAuthn tab.
In this engineering post, @nsatragno and Fawaz walk y… https://t.co/wSFgw87ztS
What's new video for Chrome 84 was skipped earlier this year due to pandemic. It's back now!
Features highlight:… https://t.co/l3rPOHZ11B
Join me later! Will share about some of the latest experimental features in @ChromeDevTools 😀 https://t.co/mtDhejpQJO
Retweeted by Chrome DevTools

Today I am going to delete a bunch of code, after finishing our 13-month migration from Closure Compiler to TypeScr… https://t.co/yznhJwO6ZA
Retweeted by Chrome DevTools

What's new in DevTools in Chrome 87?
Watch this video by @JecelynYeen demo-ing the new CSS Grid debugging tools, W… https://t.co/UfWnltfw9Z @stu_cx @patrickbrosset @slightlylate @EdgeDevTools Yes
Chrome DevTools can simulate color vision deficiencies, to help you understand the accessibility of your color sche… https://t.co/CDPGr0SaHjChrome DevTools can simulate color vision deficiencies. At BlinkOn, I explained:
➡️ how we prototyped this in HTML… https://t.co/7XmKBm79J8
Retweeted by Chrome DevToolsGreat talk: "Simulating color vision deficiencies in the Blink Renderer" by @mathias as part of BlinkOn 13.
Heads… https://t.co/ddtf0fAyuI
Retweeted by Chrome DevTools


Missed the talk just now? Here are my two Mandarin talks of What's New in @ChromeDevTools and #Puppeteer!
That ph… https://t.co/4F9ki1wdYP
Retweeted by Chrome DevToolsYup. Experimental. https://t.co/pztpRoRTweChrome 87 is here! 🎉
Try inspect CSS Grid with our new debugging tools! 📐
On top of that, with just 1 click, DevT… https://t.co/yVUClJgcP8

@tracker1 @hashseed @ChromiumDev Unfortunately not. Chrome already limits memory to 4GB per process though.If you are interested in how Chrome DevTools works underneath, this might be interesting to you! https://t.co/gDYrG5Ud9zModern image formats can now be debugged in @ChromeDevTools. Disable WebP or AVIF to test differing fallbacks in th… https://t.co/rvoHyxiahw
Retweeted by Chrome DevTools我明天(18号)在Google开发者大会上有两场中文演说 - @ChromeDevTools 和 #Puppeteer 。大家可以上哔哩哔哩或微信收看哦! #GoogleDevSummit
我看了大会日程,连续6天涵盖Andr… https://t.co/sNASVIvAfm
Retweeted by Chrome DevTools


What's new in DevTools in Chrome 88? ✨
🕔 New CSS angle swatch
🖼 Emulate AVIF and WebP images
🗄 Simulate storage qu… https://t.co/2rh6yNZBL5
📢 New engineering blog!
Puppeteer v5.4.x ships a new built-in `aria` selector handler, enabling more resilient and… https://t.co/KLMQGPrMxD
@flpms @mozilla @MSEdgeDev Could you share with us your usecase for this one? @jaballadares No idea, do file us a bug here if the issue persists! https://t.co/5xqjdyW8Fw
📢 New engineering blog by Fawaz & @nsatragno!
Learn how we built the WebAuthn tab - also share about how we solve… https://t.co/p0J7wd2Kd3
There will be Chrome DevTools session as well. Come join us! https://t.co/UsSdlRhKiG
Feedback needed! 👋🏽
Do you find the Performance panel easy / hard to use (or never use it at all)? 🤔
The Chrome D… https://t.co/Vg4kPDqmUm
Have you updated your Chrome?
Here's a video highlights the top new features in Chrome DevTools 86.
Try out the… https://t.co/bldIc2sZxf
Did you know DevTools support emulate locales by setting location? 🗺
We skipped the What's new video for Chrome 83… https://t.co/DGzwjXQeZw
TGIF! A tip for you! 😏
Want to *always* view both the Styles & Computed pane? Yes you can!
Spot the new button. Y… https://t.co/GaEsWUkE0P
The Issues tab is designed to help you understand what happened, and give actionable advice on how to fix your site… https://t.co/P7gciKWLpj
🎉 Chrome 86 is here!
We have new Media panel and 3 new emulations to help you debug the web better.
Oh, and no… https://t.co/EMgezb7Lq9
We were pleased to create grid tooling for Edge, Chrome, and other Chromium-based browsers in collaboration with ou… https://t.co/ptNjuVEHgp
Retweeted by Chrome DevToolsThere's a new #WebAuthn tab on @ChromeDevTools, coming up in version 87!
There's no need to carry around a bag wit… https://t.co/teMRFdhaNH
Retweeted by Chrome DevTools🔥 Get ready for GDG DevFest Bangkok 2020! It'll be held PHYSICALLY on Oct 10th at Carlton Hotel, Bangkok, Thailand.… https://t.co/yagQ8UpOgk
Retweeted by Chrome DevToolsThe latest video with my favorite updates from @ChromeDevTools is out! @JecelynYeen shares about the latest accessi… https://t.co/SiPpjTMmTc
Retweeted by Chrome DevTools




What's new in DevTools in Chrome 87? ✨
🤩 New CSS Grid debugging tools!!!
🔐 New WebAuthn tab
⚒ Move tools up and do… https://t.co/BXiONd8g50
📢 New engineering blog!
"How we built the Issues tab" by Jan Scheffler & @sigurdschn takes you through the design… https://t.co/otUpdZaPRY
How expensive is it to migrate DevTools to use JavaScript modules? Does the effort worth it? 🤔
Find out more from… https://t.co/LbuYayFKwn
Ever tried debugging an element that keeps disappearing when it loses focus once you start using devtools?
Well da… https://t.co/iqTKwQLfOT
Retweeted by Chrome DevTools

If JavaScript libraries are proving costly, replace them with smaller alternatives.
Lighthouse in @ChromeDevTools… https://t.co/iXx4NpiCMf
Retweeted by Chrome DevTools

A-ha! Someone mentioned Twitter compressed our video, so here are the additional screenshots for your reference! https://t.co/c7S337sP5P[2/2] What do you prefer?🤔 [1/2] Poll time! Your opinion needed for CSS grid: soon you can toggle overlays that highlight grid lines and gap… https://t.co/zCaZRvo0GV
🥁 *drumroll* Introducing the new #ChromeDevTools engineering blog!
The first post by @TimvdLippe will take you thr… https://t.co/vknagoih8p
In @ChromeDevTools, you can now right-click any element to take a screenshot of that element!… https://t.co/ciQXUCPjOz
Retweeted by Chrome DevToolsin Chromium 86 now:
1-click #accessibility color contrast correction for AA and AAA ratios 🎉
Struggle to fix faili… https://t.co/k9x8kl2DYM
Retweeted by Chrome DevToolsTooling tip: In Chrome DevTools you can copy the CSS selector of given element: Inspect -> Right click -> Copy -> C… https://t.co/ELfJ3zO4pS
Retweeted by Chrome DevTools



🎉 And yes, you can use #ChromeDevTools to test the :focus-visible state too! https://t.co/clcl1qez4U https://t.co/B14y78AeQB
DevTools video series is back! Watch @JecelynYeen summarizes the top 3 new features in #ChromeDevTools 85!
Oh, an… https://t.co/9FbMmKm0dg
Chrome 85 is here! 🎉
Be sure to update your Chrome and audit your page with the latest Lighthouse (with Core Web V… https://t.co/YpjRk7n2XoIn new @ChromeDevTools, you can finally disable local fonts loading! 🎉 which basically makes your browser behave l… https://t.co/YAlsIfY6tK
Retweeted by Chrome DevTools

The Properties pane is back in Chrome 86. In a future version of #ChromeDevTools, we are going to improve the workf… https://t.co/DU81B7udXB
@VilMango Coming your way! 💞
What's new in DevTools in Chrome 86? ✨
📹 New Media panel
👋🏽 Goodbye Issues warning bar
🤖 3 new emulations
📸 Captu… https://t.co/1XzD6b13AF
Help us shape the future of the Android WebView! If your app uses the WebView, directly or indirectly, the team is… https://t.co/qcWq36s5ev
Retweeted by Chrome DevTools

Tooling tip: Chrome DevTools can help you pick colors with a good contrast ratio https://t.co/2QJtYYd4rn
Retweeted by Chrome DevTools

@danielvanc @EdgeDevTools Turn the settings on! Settings > Experiments > Enable new CSS Grid debugging features.
@James0x57 This is wild!
The @ChromeDevTools layers panel does a cool job illuminating the composition. https://t.co/72QeamfLmj
Retweeted by Chrome DevToolsTGIF! A tips for you!
When loading responsive image with <picture> tag, how do you know which is the current image… https://t.co/2PgHu0VSGK

📣 The Issues banner is now showing *slightly* less frequent - once per session.
🐝 We are now working on improving… https://t.co/1lspYM0rfG
Animation DevTools are soooo great!!
Scrubbing the timeline came in handy today as I was inspecting a keyframe ani… https://t.co/wQes42Bv16
Retweeted by Chrome DevTools

Did you know that you can export coverage data that Chrome DevTools collects as JSON?
Even better, Puppeteer also… https://t.co/o4zKoUjGKV
Here's a free lesson on Accessibility debugging with @ChromeDevTools https://t.co/SAxllMJ9uV
Where we look at
C… https://t.co/jH9lscaQsC
Retweeted by Chrome DevToolsThere's now +4 hours of video content on https://t.co/BwQHhjk6wE 🎉
Pleased to say that most of the videos cover p… https://t.co/857euJ3pbF
Retweeted by Chrome DevTools👇🏾👇🏾👇🏾 https://t.co/9yCJi2xh80


Love this subtle yet handy Chrome DevTools feature
If you copy some deactivated style rules, they are commented ou… https://t.co/hHzYNXKIao
Retweeted by Chrome DevToolsChrome 84 is here! ⚡️
Be sure to update your Chrome and check out the new Issues tab in DevTools and more!
Full l… https://t.co/HdkvTwdlYm

Do you have a set of console commands that you repeat often? You don't have to go through console history for that!… https://t.co/2qAjw0X0hI
[2/2] 🧐 How should we handle those cases where:
📔 custom font is installed locally, but
⚠️ no @font-face rules in… https://t.co/sx62Dczv6i[1/2] Feedback needed! 👋🏼
Want to disable local() src in font-face rules for better testing during development?
C… https://t.co/Ef5lNZamUG
"Live Expression" is something I don't see used a lot in @ChromeDevTools, but if you want to track value changes o… https://t.co/O4pqlV2ImD
Retweeted by Chrome DevTools

Hey JS! Need your attention for a *moment* (pun intended).
TC39 is working on Temporal, a powerful Date/Time API.… https://t.co/MHpBiP2p4E
Retweeted by Chrome DevToolsQuick thread 🧵 on setting a SameSite value for your cookies, as I've seen a few misconceptions. I promise it's quick: 1⃣2⃣3⃣
Retweeted by Chrome DevTools

