Happy New Year! 2025 is the year of #WebDriverBiDi. You might not use it directly (but via testing frameworks), but it has a real impact on the testing ecosystem.
Follow along with @jecfish as she shows you how WebDriver BiDi supercharges cross-browser testing 🧪 Learn how this browser automation can help with mock network requests and monitoring console events ▶️ goo.gle/4j9wiWi
0
1
15
2,207
Good news for those of you who prefer to keep classic #ChromeDevTools color scheme. We added a setting to let you customize that via Settings > Preferences > Match Chrome color scheme.
1
1
10
1,683
Want to know if your redesign actually improved user experience? See real-world performance data with Chrome UX Report! Compare your production (old) and new designs to measure the impact.
@tunetheweb #webperf #ChromeDevTools
@tunetheweb #webperf #ChromeDevTools
0
3
28
4,903
Jecelyn Yeen 🐟 retweeted
🥱 What to do when your teammate's asleep but the code's gotta be fixed? Watch to find out: youtube.com/shorts/asJGtTR…
@matthiasrohmer @jecfish #DevToolsAI #CSS #webdev #debugging
@matthiasrohmer @jecfish #DevToolsAI #CSS #webdev #debugging
1
3
11
11,587
Jecelyn Yeen 🐟 retweeted
Performance you say? Join Captain Speedy to learn how to pinpoint & fix performance issues with cool insights in #ChromeDevTools. Let’s dive in! 📺 youtu.be/7A70hBrPL4I
@tunetheweb @jecfish @malchata #DevToolsTips #webperf
@tunetheweb @jecfish @malchata #DevToolsTips #webperf
0
5
13
4,500
Jecelyn Yeen 🐟 retweeted
Debugging LCP issues just got easier!
Join @jecfish and @tunetheweb as they explore the revamped Performance panel landing page in Chrome DevTools, packed with features to optimize your website's performance.
See it in action → goo.gle/40MR5bq
#DevToolsTips
Join @jecfish and @tunetheweb as they explore the revamped Performance panel landing page in Chrome DevTools, packed with features to optimize your website's performance.
See it in action → goo.gle/40MR5bq
#DevToolsTips
0
7
11
4,577
🐌 Is your LCP dragging down your page speed? Learn how to use Chrome DevTools to find it! New video in 2 days with a full fixing guide.
@tunetheweb #webperf #ChromeDevTools
@tunetheweb #webperf #ChromeDevTools
1
3
19
1,369
Captain DevTools 👩✈️👨✈️😎
Mayday! Mayday! We need a CSS hero to save our flight! 🛩️ (Spoiler: it involves a lot of frustrated yelling 😂) Watch and find out:
youtube.com/shorts/E_3wmTj…
#codinglife #CSS #DevToolsAI @matthiasrohmer @jecfish
2
1
19
1,009
🤨 How to filter & copy only listed CSS & JS URLs in Network panel? Hold the Cmd/Ctrl key and …. #ChromeDevTools
0
3
13
882
Jecelyn Yeen 🐟 retweeted
New YouTube Short! 🔥 @jecfish and @matthiasrohmer are up to something... 👀youtube.com/shorts/LqBgsL6…
#DevToolsAI #ChromeDevTools #CSS #webdev
#DevToolsAI #ChromeDevTools #CSS #webdev
1
3
33
13,276
Well, it works (fast) on your machine, not mine @tunetheweb !
Watch our latest video to learn how to monitor Core Web Vitals with #ChromeDevTools.
📺 youtu.be/M5oe010pYbA?fe…
Watch our latest video to learn how to monitor Core Web Vitals with #ChromeDevTools.
📺 youtu.be/M5oe010pYbA?fe…
0
2
17
3,799
2 neat features to improve network debugging in the Performance panel. #ChromeDevTools
💈 Hover to view critical network information upfront
🕵♀️ Click Cmd + F to search
Less context switching, better focus. @tunetheweb
💈 Hover to view critical network information upfront
🕵♀️ Click Cmd + F to search
Less context switching, better focus. @tunetheweb
0
1
15
1,087
🚀 It's out! Debug & fix CSS with the new AI Assistance panel in #ChromeDevTools.
Here is an example of how we can ask AI to fix our CSS animations - making the eyes blink ⭐️
Update your Chrome today and pair program with #GoogleGemini!
Here is an example of how we can ask AI to fix our CSS animations - making the eyes blink ⭐️
Update your Chrome today and pair program with #GoogleGemini!
1
1
12
977
These are the 5 cool things you can do with the new AI Assistance in #ChromeDevTools.
Give it a try and let us know what you think: goo.gle/devtools-ai-co…
Give it a try and let us know what you think: goo.gle/devtools-ai-co…
0
0
1
405
Debug CSS scroll snaps events with these two new event listener breakpoints in #ChromeDevTools.
Learn more from @argyleink: developer.chrome.com/blog/scroll-sn…
Learn more from @argyleink: developer.chrome.com/blog/scroll-sn…
0
5
48
3,609
Jecelyn Yeen 🐟 retweeted
Is speed your thing too? 🚀 Join Captain Speedy @tunetheweb and @jecfish for another episode of #DevToolsTips, where we learn how to monitor Core Web Vitals live. Watch the full video 📺 youtu.be/M5oe010pYbA
#webperf #chromedevtools
#webperf #chromedevtools
1
7
32
7,940
¡Nos vemos en Madrid!
📢 Hola, Madrid devs! Join us on Nov 5th to explore DevTools, Built-in AI and Extensions! @GDGMadrid 👋
Come learn and connect! RSVP: bit.ly/madrid-chrome-…
@tomayac @oliverdunk_ @matthiasrohmer @jecfish
#AI #ChromeDevTools #webdev
0
1
9
754
🔗 Anchor's away! ⚓ #ChromeDevTools now makes it easier to work with CSS anchor positioning!
The Styles tab now visually links anchor identifiers to their corresponding nodes, helping you to navigate and debug them quicker. #CSS #webdev #devtools
The Styles tab now visually links anchor identifiers to their corresponding nodes, helping you to navigate and debug them quicker. #CSS #webdev #devtools
1
4
16
1,338
Learn more about CSS Anchor Position with these helpful resources from @Una
Demo: chrome.dev/anchor-tool/
Blog post: developer.chrome.com/blog/anchor-po…
DevTools: developer.chrome.com/blog/new-in-de…
Demo: chrome.dev/anchor-tool/
Blog post: developer.chrome.com/blog/anchor-po…
DevTools: developer.chrome.com/blog/new-in-de…
0
4
17
4,092