How to Edit Websites with Local Overrides in Chrome Developer Tools

Поділитися
Вставка
  • Опубліковано 25 сер 2024

КОМЕНТАРІ • 58

  • @DataSlayerMedia
    @DataSlayerMedia  3 роки тому +3

    How do you use local overrides?

    • @KieranMahoney
      @KieranMahoney Рік тому +1

      To change UA-cam’s download button from prompting me to get premium when clicked to open a link to a UA-cam video downloader that supports instant downloads and allows me to put the video link in the url so it just opens a new tab and then closes it fast and my video starts downloading

    • @xbeast1ny0m4m4
      @xbeast1ny0m4m4 Рік тому

      @@KieranMahoney send me the code haha

    • @KieranMahoney
      @KieranMahoney Рік тому

      @@xbeast1ny0m4m4 the code stopped working in the new theme update :( you can get built in download buttons with scripts for extensions such as violentmonkey though thats what i use now

    • @BeyondTheMind007
      @BeyondTheMind007 Рік тому +1

      what would you call this style of learning code. this is what i'm fascinated about.

  • @UkesofHazzard
    @UkesofHazzard 2 роки тому +7

    Absolute lifesaver! A friend bought me some building instructions online, but the site only allowed you to view the PDF through the viewer on their site while logged in. I didn't want to have to keep using my friends login every time I needed to look at the documents. After looking through the source, found the tag in the PDF viewer for data-downloads:"off", switched it to "on" and voila! Download button popped up. Saved my PDFs!

  • @M-BLOC
    @M-BLOC Рік тому +2

    I never knew this was possible, so cool! +1 subscription! This is gonna make surfing the web so much more fun!

  • @PAIGELYNNCURRAN
    @PAIGELYNNCURRAN 3 роки тому +4

    Awesome video, thank you. I will have to attempt it a few times, but your content is extremely valuable.

  • @antoniobuendia9793
    @antoniobuendia9793 2 роки тому +7

    In 4:33 you change from "Find" to "Find and Replace". How could we do that?. Is there a "Find and Replace" function in Chrome Web Inspector? If it exists, where can I find it?. Thank you very much for your video.

    • @DataSlayerMedia
      @DataSlayerMedia  2 роки тому

      Navigate to Sources tab then command + f when you have a document selected and are searching through a file.

    • @kedamour
      @kedamour 2 роки тому +6

      No dude, we clearly skipped a step

    • @19sanford
      @19sanford 2 роки тому +2

      @@DataSlayerMedia I am having the same issue. command + f just brings up the search bar and there is no "replace" bar. Can you please explain? Thanks

    • @premriteshkumar5188
      @premriteshkumar5188 2 роки тому

      Ctrl + R

    • @navidendi3290
      @navidendi3290 2 роки тому +1

      CLick btn A ☇ B.

  • @neatdesign4159
    @neatdesign4159 Рік тому +1

    thanks for this cool demo session,
    is there any way we can change a html price tag with a formula,
    eg: lets say the website price shows in IR or MYR, and I wanted to change that to the AUD on the screen just for me to browse through, because the website doesn't provide other currency.
    basically the ( price value displayed on the site / 3.07)
    thanx

  • @tibabalaseo2046
    @tibabalaseo2046 2 роки тому +1

    Was very useful. Thank you man.

  • @joenathjoe2810
    @joenathjoe2810 3 роки тому +2

    sir why we cant override some of the website through inspect element. is there any particular reason behind that

    • @DataSlayerMedia
      @DataSlayerMedia  3 роки тому

      Inspect element is the rendered DOM, that is different from page source. Local over ride allows us to modify the contents of a file not necessarily the DOM.

  • @vjzb3
    @vjzb3 3 роки тому +2

    Very informative. Thank you for your effort! Subscribed (:

  • @kee04O
    @kee04O 5 місяців тому

    insane in edit css and JavaScript! can somebody tell me if i want to change a img, should i do the same way as css?

  • @roswithadusa8673
    @roswithadusa8673 10 місяців тому

    hello very informativ ,but it is possible to bring in his own pictures into a website?how to make it ?

  • @ahmedalaaezzat
    @ahmedalaaezzat 2 роки тому +1

    thank you , that was so useful :)

  • @ChrisWilliams-io7fc
    @ChrisWilliams-io7fc 3 роки тому +2

    Can I get your help on locally overriding a file? I can compensate

  • @gazolds
    @gazolds 3 роки тому +2

    How to make these updates as defaults?
    What I mean is when I change the "Google search" to "Find my stuff" then reload the page it's gone... set back to "Google search"
    How to make websites memorize my changes.
    Hope you reply this

    • @DataSlayerMedia
      @DataSlayerMedia  3 роки тому +4

      Make sure to enable local override. But even then I think it will only persist if the developer tools are open. It's not really meant to permanently edit a website, more just a way for you to play around with the code of a site.

    • @gazolds
      @gazolds 3 роки тому +1

      @@DataSlayerMedia appreciate it

    • @gustavosantiago1543
      @gustavosantiago1543 Рік тому

      @@DataSlayerMedia Oh that's a shame. I found an extension that allows you to modify the style of the page and run some simple JavaScript code on top of it. Was looking for something that alowed me to modify the html code as well. I wanted to make a custom theme for a page using css, but some icons were images while other were svg files.

  • @jackholmesdiscovereranglos7891

    So where do we find this extension app?

  • @navidendi3290
    @navidendi3290 2 роки тому

    It's Cool, Thanks for share. I Got It.

  • @mejiamanuel57
    @mejiamanuel57 3 роки тому +1

    Awesome!

  • @angelictigerette
    @angelictigerette Рік тому

    Man this would be a heck of an April fool's trick on somebody's computer. 😂😂😂😂

  • @powin1277
    @powin1277 Рік тому

    Thank you so much!

  • @ttt1826
    @ttt1826 2 роки тому

    Very information. but have problem need your help

  • @zonlee2485
    @zonlee2485 3 роки тому +1

    hi Refactored , how to add source to override, the video seem skip that step

    • @DataSlayerMedia
      @DataSlayerMedia  3 роки тому

      Dev tools => Sources => Enabled over rides => find file to edit and save.

  • @alimnh9368
    @alimnh9368 Місяць тому

    how to save sir? 😢

  • @Human_Evolution-
    @Human_Evolution- 3 роки тому +5

    I've been running this code for 2 months, I now know everything about Joe Biden, thanks.

    • @DataSlayerMedia
      @DataSlayerMedia  3 роки тому +1

      Joe approves.

    • @Human_Evolution-
      @Human_Evolution- 3 роки тому +1

      @@DataSlayerMedia would be a fun way to troll a friend. So many possibilities depending on how inappropriate you want to go lol.

  • @KaituoKid
    @KaituoKid Рік тому

    would changes made this way cause real change?. for example i'm on a website to select a date for an appointment but the appointment isn't made available to me, if i change the code using this way and make the date available, will me selecting and booking this date reflect as real changes on the actual website or no?

    • @angelictigerette
      @angelictigerette Рік тому

      Probably not. Sounds like it's just a "change" on your end since it's locally saved and not actually live on the internet.

  • @uvarojiza3888
    @uvarojiza3888 2 роки тому

    Hi!
    I have a little bit of a problem, I cant seem to make changes on a HTML, i manage to make it happen once, but was kicked out for being too inactive, and i cant seem to make the files with all the code apear again, and the page looks exaclty the same, and when i use the INSPECT tool i can stil temporarly change stuff, what can i do?

    • @DataSlayerMedia
      @DataSlayerMedia  2 роки тому +1

      It will only modify the content if the dev tools are open.

  • @enorpower40
    @enorpower40 Рік тому +1

    how do you find and replace?????

  • @mamey3
    @mamey3 3 роки тому +1

    How can I do an auto-update without F12 dev options?

    • @DataSlayerMedia
      @DataSlayerMedia  3 роки тому +1

      What do you mean auto update? If you tamper with the DOM those will be reflected in the realtime.

    • @mamey3
      @mamey3 3 роки тому

      @@DataSlayerMedia I mean with the auto update without f12 options to work.

  • @lwlo86
    @lwlo86 Рік тому

    Is it possible to modify sound, for example i want sound to be lower with 50 % when commercal show up, and back to normal sound level when the comercial is done?

    • @KieranMahoney
      @KieranMahoney Рік тому

      Post that on reddit/stack over flow and see what comes up there may also be a Chrome extension you could use/ source monkey userscript. If you get any results from this please tell me I’ve been setting up my home theatre and the sound is extremely loud during ads especially when I have it loud on a movie

  • @participadorconcursos837
    @participadorconcursos837 2 роки тому

    can I use this to disable the doodles in the new tab page in chrome?

  • @Victor-fork
    @Victor-fork 5 місяців тому

    WOW

  • @princekwadwomausorley6602
    @princekwadwomausorley6602 3 місяці тому

    I have been scammed and I need someone to override their system so I take back my money