Overrides have really come in handy for me lately. Have you ever had a project where local dev was tricky or slow?

This is a game-changer. This will make debugging so much faster and easier. Thanks for this amazing tip!

I actually made use of Overrides not long ago, before that I didn’t even know they existed. Since we didn’t have a local server to test our changes on before moving them to production, they came in very handy :)

Awesome tutorial. It is simple but it is quite useful.

I knew there had to be a way to do this! Stack Overflow was not helpful the last times I've checked. Thanks a lot!

Never heard about this just recently kinda useful, thanks for the explanation

That's an awesome tool, thanks to explain how it works!

Thanks! Very good explanation.

Awesome, thank you. Intresting and on Point

Finally what I was looking for! Thanks!

what a nice big blue eye , keep going sir

So if i close dev tools and reload will it load the edited file, and if not, how can i make it do that?

i'm working with a custom web components bundle and only have wip or prd with no stg env. this is the perfect solution to test WIP components on a customer's site. thanks so much for this vid!

Well explained and useful.

Great video, thanks for sharing!

This video saves my life, thanks

Love you, man! Thanks a lot! God bless! Forte abraço do Brasil!!

Very good explainer :)

Cool. I'm sure this will be useful

Good job! keep it up :)

Can you also override content scripst coming from extensions?

困っていたので助かりました。ありがとうございます！！

Very helpful!

Any line or code I try to change turns yellow when I click it and can't be edited in any way.

awesome thanks!

Hey Drew thanks for the Video! It's not really working for me. Only a very short time after re-loading the changes from the overrides appear on the page. Then they are gone. What am I doing wrong?

Another question: I can make overrides to the files I find in the network tab. But often these files are pretty hard to read, because they are minified, because they went through a bundling process e.g. from webpack. Meaning that also variable names like "greetingText" got transformed into "g". Is there a way in this scenario to somehow work in the actual code? In sources --> Page there are the prettified files. But my changes to these files have no effect so far.

@tobysonline4356

10 ай бұрын

I’m late to the party here. I would open the local code outside of the browser and use match and replace if the values are a constant. If they are changing regularly search for “g = “ and change it to greeting1,greeting2 and so on. The biggest pain is keeping track of the context. Chatgpt can do wonders for code review but can only process about 1200 lines at a time

Thanks you 👍👍

very nice trick. Is it also possible to mimic, mock network calls with overrides ??

@DrewConley

Жыл бұрын

I have only been able to achieve mocked network requests with Chrome extensions. There are a few of them, but none of them have been perfect IMO. I may be missing how to do it, though. I really want this directly in Chrome! I'd use it all the time.

So you can't edit Google websites like new-tab, Google, or KZread? Every time I try it doesnt save the changes when I reload.

Can anyone help me with a way of doing this exact thing, but automate it with javascript?

great , you are great man , subscribe

hello, i make the same steps like you in the video ,it´s work well until when reload the website,i can´t see any changes.I try a lot (hard reload)but it don´t work.Do you know why i can´t see the changes what i did?

"Save for overrides" seems like exactly what I need. Except that option doesn't appear. Thoughts?

@DrewConley

2 жыл бұрын

Make sure the "Enable Local Overrides" checkbox is checked. (Sources tab -> Overrides) Otherwise the option will not appear. Good luck!

@TimNeumark

2 жыл бұрын

@@DrewConley yes, that was already checked. I could finally get "save for overrides" on the Sources tab, but not the Network tab. Now it is both places. Who knows.

How do I make my sprites look good in the canvas, the pixelart images look blury, quality is not good. It's annoying.

@DrewConley

2 жыл бұрын

Try ‘image-rendering: pixelated’ CSS on your canvas element. More info here: developer.mozilla.org/en-US/docs/Web/CSS/image-rendering

i tried it but for a long run doing override the site is getting forbidden 403 and crash the website... how can i prevent that?

is there a way to make it permanent . like after we overide and the changes its remains. like if we access it from a different device ....then the changed website is shown???

@phareze

Жыл бұрын

yeah sure there is a way

@DrewConley

Жыл бұрын

Not sure how this would persist across devices, but the changes should survive while devtools remain open

You look like Mike Ross from Suits

wondering how to apply this to renaming category tabs in Gmail. Instead of 'Promotions, Social, etc i want to do something like 'Waiting for reply, need to reply

still I cannot believe there is something like this exists. Let me test this first and come back... LOL

saved me

Can we use this on mobile

@himanthr8620

4 күн бұрын

Pls somebody answer

!GOOD EYES

And now it's broken... (Since v100)

AI....For sure...

I have a genious game idea for you why dont you make a game were you have a character and the character can be a famous tik toker but its only a simulator