🤩 [1/4] Coming soon in @ChromeDevTools - You can overrides API response (Fetch/XHR) and more!
Imagine you can mock APIs in frontend without waiting for the backend changes!
Not only that...
Jecelyn Yeen 🐟
3,592 posts
Jecelyn Yeen 🐟
@jecfish
Principal Software Engineer. Ex-Googler. Ex-Chrome. 👩💻🇲🇾🤿
- Hot off Chrome Canary! 🔥 See which CSS props has no visual effects and understand why is that so.
- Debugging CORS errors is less painful now with @ChromeDevTools! Click on the new icon to identify the relevant network request, or use the Issues tab to find and get suggestions to fix them all.
00:00 - Today is my first day at @Google. I'll be working on @googlechrome, @ChromeDevTools ! #web ❤️ This photo reflects exactly how I feel now. 😂 @Paul_Kinlan @DasSurma
- JavaScript devs, are you annoyed by the "variable re-declaration error" when trying out code in the Console? 😌 @ChromeDevTools made it easier for u. No more page reload needed during code experiment! 😃 Happy devs, productive devs! Read more 👉🏼 developer.chrome.com/blog/new-in-de…
00:00 - 😍 Yes! Export @Cypress_io test scripts directly from @ChromeDevTools Recorder is now possible. Install the new extension now and give it a run! 👉🏼 bit.ly/cypress-record… Great works from @admah, @JordanPowell88 & team. 🙌
- Just landed in Chrome Canary. You can now import & export recording as a JSON file in @ChromeDevTools. A game changer for bug reporting maybe? That's exactly what I did. 👀 Fill a bug to my teammate with the JSON while looking for flat in Munich lol. 😆 crbug.com/1302555
00:00 - Have you try out the full page-accessibility tree in @ChromeDevTools yet? Use that to understand what the browser actually presents to the screen reader. Learn more: 📏 DevTools: developer.chrome.com/blog/full-acce… 👶🏽 Intro to a11y tree: web.dev/the-accessibil…
00:00 - 😍 Lovely! You can mock CORS or other HTTP response headers with #ChromeDevTools. 👉🏽 developer.chrome.com/docs/devtools/… #webdevelopment #debugging #network
00:00 - This is my first feature PR in Chromium indeed! 🎉 Previously it's possible to capture node screenshot, but it's hide under the command menu (cmd+shift+p). Guess some of you might nt even knw this feature exists in @ChromeDevTools !Now you can right click on a node in Elements panel and capture the node screenshot! 📸 Like it? Freshly landed on Chrome Canary. Update and give it a try! 🔥
- ✨ Do you know @ChromeDevTools will auto detect and prefer the common test selectors like data-test-id, data-cy, data-qa, etc when recording your user flows? These selectors make the recording more resilient to changes. Try it in Chrome Canary! 👉🏼 developer.chrome.com/blog/new-in-de…
00:00 - [1/3] Let's take a short tour of the new Performance insights panel, and then talk about why yet-another-panel for Performance analysis, shall we? 🧵
00:00 - New RFC - Override HTTP response headers in @ChromeDevTools. Here's a demo on how to override and test CORS headers. It support more use-cases than that! Give the prototype a spin and share your thoughts 👉🏼 github.com/ChromeDevTools…
00:00 - Wow, fresh in Chrome Canary. A quick way to emulate light and dark themes in @ChromeDevTools! What a nice little button. What are the other emulations you want to see in there? 👀
00:00
