In Firefox DevTools you can use a visual editor... to adjust CSS clip-path of an element! Love such small features, just like the visual controls for flexbox and grid in Chrome DevTools 🔥show more

Take control of your performance debugging in Chrome DevTools.... These customization features let you simplify the Performance panel and zero in on the most important data for your workflow. Get started:show more

You can now use the DevTools directly in Athas IDE.

Tip: Chrome DevTools has an Easing editor to tweak... animation and transition timings 💨 We recently added linear timing support too:show more

Tip: Chrome DevTools can now override the content of... Fetch/XHR requests! Great for mocking APIs without waiting on backend changes! This and lots more in Chrome 117:show more

New in Chrome DevTools: Skip irrelevant scripts in the... Flame Chart! Debugging is faster and more actionable.show more

Google just integrated Gemini AI directly into Chrome DevTools... 🔥 AI-powered coding assistance right in your browser consoleshow more

I made a Chrome extension that turns localhost into... a visual editor for Cursor. Click any element on your dev site → describe what you want changed → it automatically sends the edit request to Cursor in the background with the element context. Here's how it works...show more

💡 DevTools tip: You can make your console.log stand... out by adding some CSS to it! 🎨show more

Tip: Chrome DevTools can override the content of Fetch/XHR... requests! Useful for mocking APIs without waiting on backend changes.show more

Tip: Chrome DevTools now supports breadcrumbs in Performance Panel!... Set, jump, & zoom between key moments. You can also set nested breadcrumbs.show more

Step 1: Go to ChatGPT: Use Prompt: "Give me... a VBA code that creates an 8-slide PowerPoint presentation on [Topic] You can run this code in the Visual Basic for Applications (VBA) editor in PowerPoint. "show more

New in Chrome DevTools! Debug an app's full performance... trace with Gemini! After recording a trace, you can now chat with Gemini about the entire trace, related Performance insights, and even connected field data - all without needing to select specific context beforehand!show more

chrome devtools, but for the iOS simulator. slow screen?... laggy tap? silent api failure? every report tells you why.show more

New RFC - Override HTTP response headers in Chrome... DevTools. 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 👉🏼show more

Introducing the "Insights sidebar" in Chrome DevTools Performance panel... ⚡️ Brings Lighthouse-like analysis directly into the timeline! Visualize LCP, INP, CLS bottlenecks & more in context to debug faster.show more

And it just works™ on Nuxt! 💚 I am... so happy to finally see that Nuxt/Vue/Vite DevTools are now fully orthogonal while united! So we no longer need to rebundle Vue/Vite-specific features into Nuxt DevTools, and users can get the full experience of each level's integrations.show more

Pro tip: Click "Move Terminal into Editor Area" to... take advantage of Visual Studio Code's grid layout... so you can quadbox GitHub Copilot CLI :)show more

tsdown v0.16.0 is out now, featuring Vite DevTools integration!... Just install `@vitejs/devtools` and run `tsdown --debug` for an early preview. Big thanks to Anthony Fu 🦋 @antfu.me, Arlo, and Yunfei He for their help!show more