Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 ✅👇

codewithshripal's profile picture

Shripal Soni

9,833 subscribers

24,460 görüntüleme • 2 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

9 Yorum

Shripal Soni profil fotoğrafı
Shripal Soni2 yıl önce

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)

Sketchhnotes profil fotoğrafı
Sketchhnotes2 yıl önce

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

Shripal Soni profil fotoğrafı
Shripal Soni2 yıl önce

Yeah, glad you found this tip helpful 🙌

Đào Hoàng Sơn profil fotoğrafı
Đào Hoàng Sơn2 yıl önce

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

Shripal Soni profil fotoğrafı
Shripal Soni2 yıl önce

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

murzin profil fotoğrafı
murzin2 yıl önce

holy shit my life is saved now thanks, stranger

Ajay Yadav profil fotoğrafı
Ajay Yadav2 yıl önce

Nice tip, thanks for sharing shripal.

Shripal Soni profil fotoğrafı
Shripal Soni2 yıl önce

Glad you liked it, Ajay 🙌

Sujal Shah ✦ profil fotoğrafı
Sujal Shah ✦2 yıl önce

This is super useful, thanks for sharing!

Benzer Videolar

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!
0:29

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 görüntüleme • 2 yıl önce

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 👇
1:06

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 görüntüleme • 1 yıl önce

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
0:41

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 görüntüleme • 2 yıl önce

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

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

Jecelyn Yeen 🐟

50,313 görüntüleme • 2 yıl önce

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? →
0:20

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 görüntüleme • 11 ay önce

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
1:01

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 görüntüleme • 8 ay önce

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!
0:22

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 görüntüleme • 1 yıl önce

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
1:29

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 görüntüleme • 1 ay önce

I am really happy to announce that my Antidrain wallet extension is now finally published on Chrome Web Store after multiple tries and changes in code. 🔗 Link : Now victims can directly download from Chrome Web Store, can trust more as it is already verified by Chrome Web Store, and no more downloading from GitHub which most of you often found difficult. Note : If you have not logged in to the Chrome Web Store you might see not available because I marked this extension as mature content. Appreciate if you rate this extension on Chrome Web Store! Disclaimer : This software is provided “as is”, without warranty. Rescue success is not guaranteed and may fail due to drainer activity, network conditions, or misconfiguration. You are responsible for the security and handling of private keys. This tool is intended ONLY for recovering assets from wallets you own or are authorized to use. Unauthorized use is illegal and unethical.
1:27

I am really happy to announce that my Antidrain wallet extension is now finally published on Chrome Web Store after multiple tries and changes in code. 🔗 Link : Now victims can directly download from Chrome Web Store, can trust more as it is already verified by Chrome Web Store, and no more downloading from GitHub which most of you often found difficult. Note : If you have not logged in to the Chrome Web Store you might see not available because I marked this extension as mature content. Appreciate if you rate this extension on Chrome Web Store! Disclaimer : This software is provided “as is”, without warranty. Rescue success is not guaranteed and may fail due to drainer activity, network conditions, or misconfiguration. You are responsible for the security and handling of private keys. This tool is intended ONLY for recovering assets from wallets you own or are authorized to use. Unauthorized use is illegal and unethical.

Zun

69,420 görüntüleme • 5 ay önce

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.
0:26

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 görüntüleme • 1 yıl önce

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! 🔗
0:37

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 görüntüleme • 7 ay önce

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

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

Bayomi

25,767 görüntüleme • 1 yıl önce

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 :)
1:59

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,074 görüntüleme • 4 ay önce

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:
6:15

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 görüntüleme • 1 yıl önce

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

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

Taras

47,417 görüntüleme • 18 gün önce

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)
0:58

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 görüntüleme • 2 yıl önce

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

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

princessay

1,356,545 görüntüleme • 4 ay önce

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
0:41

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,461 görüntüleme • 1 ay önce

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.
1:20

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 görüntüleme • 1 ay önce