Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Chrome Dev Tools 💡 You may not know that we can override response headers in Chrome Dev Tools 🤩 This can be very handy for handling CORS errors locally until they get fixed from the API server ✅👇

Shripal Soni

9,833 subscribers

24,460 views • 2 years ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

9 Comments

Shripal Soni2 years ago

Get access to 230+ such practical and well-illustrated frontend tips along with 130+ code playgrounds to see the tips in action: (🔥 50% off for a limited time)

Sketchhnotes2 years ago

CORS issue always cause pain while working with API. This tip helps!

Shripal Soni2 years ago

Yeah, glad you found this tip helpful 🙌

Đào Hoàng Sơn2 years ago

I usually start a Chromium instance with `--args --disable-web-security` to ignore all kinds of restrictions during development.

Shripal Soni2 years ago

I have never used that. Thanks for adding. What are the disadvantages/implications of doing that?

murzin2 years ago

holy shit my life is saved now thanks, stranger

Ajay Yadav2 years ago

Nice tip, thanks for sharing shripal.

Shripal Soni2 years ago

Glad you liked it, Ajay 🙌

Sujal Shah ✦2 years ago

This is super useful, thanks for sharing!

Related Videos

What if we had the same WYSIWYG editing experience that we know from the dev tools but for Three.js and Threlte? 👀 Tune in to Svelte Summit later today!

What if we had the same WYSIWYG editing experience that we know from the dev tools but for Three.js and Threlte? 👀 Tune in to Svelte Summit later today!

Svelte Society 🧡

12,712 views • 2 years ago

Want to build an app that generates insane AI images with Now you can! A sneaky new update from the StackBlitz team just solved CORS errors forever 👀 This makes it dead simple to use AI tools like Replicate. Check it out 👇

Want to build an app that generates insane AI images with Now you can! A sneaky new update from the StackBlitz team just solved CORS errors forever 👀 This makes it dead simple to use AI tools like Replicate. Check it out 👇

Wes Winder

15,265 views • 1 year ago

Finally built in support for .env file loading in Node.js! Shipped in 20.6.0 - also includes the option to set NODE_OPTIONS variables which should be handy for turning on --inspect dev tools

Finally built in support for .env file loading in Node.js! Shipped in 20.6.0 - also includes the option to set NODE_OPTIONS variables which should be handy for turning on --inspect dev tools

Wes Bos

96,648 views • 2 years ago

Long text ➡️ short summary. The Summarizer API is available in Chrome Stable. In Chrome, you can use this API to condense long articles, transcripts, and more, with Gemini Nano. Which of Chrome's built-in AI APIs will you hatch? →

Long text ➡️ short summary. The Summarizer API is available in Chrome Stable. In Chrome, you can use this API to condense long articles, transcripts, and more, with Gemini Nano. Which of Chrome's built-in AI APIs will you hatch? →

Chrome for Developers

37,943 views • 11 months ago

😍 Lovely! You can mock CORS or other HTTP response headers with #ChromeDevTools. 👉🏽 #webdevelopment #debugging #network

😍 Lovely! You can mock CORS or other HTTP response headers with #ChromeDevTools. 👉🏽 #webdevelopment #debugging #network

Jecelyn Yeen 🐟

50,320 views • 2 years ago

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

Daniel San

52,294 views • 9 months ago

Animations in Svelte 5 just got a whole lot better: They're integrated more closely with the web animations API now, which fixes a bunch of bugs, and you can even control the speed through browser dev tools!

Animations in Svelte 5 just got a whole lot better: They're integrated more closely with the web animations API now, which fixes a bunch of bugs, and you can even control the speed through browser dev tools!

Simon H

51,749 views • 1 year ago

The internet needs more websites like this Delphi Tools is a huge collection of genuinely useful design/dev utilities that are: • completely free • no login • no ads • no tracking • runs locally in your browser QR generators, background remover, palette tools… just fast tools that work without trying to steal your data

The internet needs more websites like this Delphi Tools is a huge collection of genuinely useful design/dev utilities that are: • completely free • no login • no ads • no tracking • runs locally in your browser QR generators, background remover, palette tools… just fast tools that work without trying to steal your data

ToolFolio

15,064 views • 1 month ago

If you're not going for the giant chrome robots... what are you even doing with your life? Tune in following game 2 of the Tactician's Crown tomorrow for the Cyber City Dev Drop.

If you're not going for the giant chrome robots... what are you even doing with your life? Tune in following game 2 of the Tactician's Crown tomorrow for the Cyber City Dev Drop.

Teamfight Tactics

120,662 views • 1 year ago

is now LIVE! Explore our suite of AI Game Dev Tools and see what they can do for you and your games - all on our website. Stay ahead with Razer AI and sign up for our newsletter to be the first to know about new offerings! 🔗

is now LIVE! Explore our suite of AI Game Dev Tools and see what they can do for you and your games - all on our website. Stay ahead with Razer AI and sign up for our newsletter to be the first to know about new offerings! 🔗

RazerAI

16,406 views • 7 months ago

This Nigerian founder is building Wetrocloud, an AI Dev tools for Makers and Businesses…

This Nigerian founder is building Wetrocloud, an AI Dev tools for Makers and Businesses…

Bayomi

25,767 views • 1 year ago

BREAKING: Claude just got a massive upgrade today and I'm so happy to be a part it. From now on, Claude Opus 4.6 can build Chrome Extensions for every Chromium-based browser. We just launched Shipper, a tool that lets Claude: ✅ Build complete Chrome Extensions ✅ Recreate existing Extensions ✅ Ensure multi-browser comatibility ✅ Write privacy policies ✅ Autofill entire Chrome Web Store listings Claude Opus 4.6 can do all the above in 1 simple prompt for as low as $0.11/extension... And it takes minutes, not hours! Open up Shipper and ask Claude to "create a free ad block extension" or "auto-invite 950 people weekly on linkedin". Since this is a very special launch, if you comment "shipper" you will get FREE credits :)

BREAKING: Claude just got a massive upgrade today and I'm so happy to be a part it. From now on, Claude Opus 4.6 can build Chrome Extensions for every Chromium-based browser. We just launched Shipper, a tool that lets Claude: ✅ Build complete Chrome Extensions ✅ Recreate existing Extensions ✅ Ensure multi-browser comatibility ✅ Write privacy policies ✅ Autofill entire Chrome Web Store listings Claude Opus 4.6 can do all the above in 1 simple prompt for as low as $0.11/extension... And it takes minutes, not hours! Open up Shipper and ask Claude to "create a free ad block extension" or "auto-invite 950 people weekly on linkedin". Since this is a very special launch, if you comment "shipper" you will get FREE credits :)

David Ch

1,630,138 views • 5 months ago

Built a handy Chrome extension that lets me save products from across the web, pretty useful

Built a handy Chrome extension that lets me save products from across the web, pretty useful

Taras

47,769 views • 22 days ago

In a previous video we had a look at the Modeling Cloth add-on. Did you know it also has a tool that can fill any outline with geometry? This can be very handy for creating pieces of cloth from a pattern. #B3D #Blender #Blender3D Get the newest version of the add-on here (tested with Blender 4.1.1)

In a previous video we had a look at the Modeling Cloth add-on. Did you know it also has a tool that can fill any outline with geometry? This can be very handy for creating pieces of cloth from a pattern. #B3D #Blender #Blender3D Get the newest version of the add-on here (tested with Blender 4.1.1)

Jan van den Hemel

44,041 views • 2 years ago

I'm still picking my jaw off the floor with this MCP update: Postman will now automatically build an MCP server for an API. Automatically! You select your API and the requests you want to include, and Potman will generate a Zip file with everything you need. In collaboration with Postman, I recorded a video showing how I generated an MCP server for the Google Maps API. It's glorious! Also, and before I forget: You can now test any MCP server with your Postman application. They built MCP right in, so now you can: • Connect to an MCP server • List out all of the available tools • Test any of the tools This is a 10x boost for the MCP ecosystem. If you've tried the default MCP debugger, you'll understand how huge a deal it is that you can do all of that from Postman now. Go here to give this a try:

I'm still picking my jaw off the floor with this MCP update: Postman will now automatically build an MCP server for an API. Automatically! You select your API and the requests you want to include, and Potman will generate a Zip file with everything you need. In collaboration with Postman, I recorded a video showing how I generated an MCP server for the Google Maps API. It's glorious! Also, and before I forget: You can now test any MCP server with your Postman application. They built MCP right in, so now you can: • Connect to an MCP server • List out all of the available tools • Test any of the tools This is a 10x boost for the MCP ecosystem. If you've tried the default MCP debugger, you'll understand how huge a deal it is that you can do all of that from Postman now. Go here to give this a try:

Santiago

215,727 views • 1 year ago

Can we really get gold from rivers using these tools and methods?

Can we really get gold from rivers using these tools and methods?

princessay

1,356,545 views • 4 months ago

introducing Managed Agents on the Gemini API - in one API call, you get agent that comes with a remote Linux environment hosted by Google, ready to scale - you can define custom instructions, skills, and tools in Markdown

introducing Managed Agents on the Gemini API - in one API call, you get agent that comes with a remote Linux environment hosted by Google, ready to scale - you can define custom instructions, skills, and tools in Markdown

Google AI Studio

147,642 views • 1 month ago

Watch out! Chrome has a huge bug with <input type="number"> which causes values to change unexpectedly. It's fixed in Chrome 150, but that won't land until the end of June.

Watch out! Chrome has a huge bug with <input type="number"> which causes values to change unexpectedly. It's fixed in Chrome 150, but that won't land until the end of June.

Jake Archibald

302,018 views • 1 month ago

Move over, Playwright? Meet MCP-Chrome by Hangwin — an open-source AI agent tool that can fully control your Chrome browser: cross-tab context, session auth, history & more. In this video, AJ @ Augment Code: - Sets up MCP-Chrome & connects it to Auggie CLI - Gives the agent a multi-step task across Reddit & X - Generates a full report in a web app Perfect for automated testing, research & dev workflows. What’s your favorite underrated MCP tool right now?

Move over, Playwright? Meet MCP-Chrome by Hangwin — an open-source AI agent tool that can fully control your Chrome browser: cross-tab context, session auth, history & more. In this video, AJ @ Augment Code: - Sets up MCP-Chrome & connects it to Auggie CLI - Gives the agent a multi-step task across Reddit & X - Generates a full report in a web app Perfect for automated testing, research & dev workflows. What’s your favorite underrated MCP tool right now?

Augment Code

49,325 views • 10 months ago