Build an AD BLOCKER Chrome Extension in Less Than 10 Minutes

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

КОМЕНТАРІ • 67

  • @luissamouco2518
    @luissamouco2518 Рік тому +4

    great tutorial

  • @saumyaranjan9256
    @saumyaranjan9256 Рік тому +9

    Nice video man! Short and to the point.

  • @russellmz
    @russellmz 2 місяці тому +1

    it worked! got rid of the annoying videos and redirect websites on the comics site i read. thanks man!

  • @namandubey8348
    @namandubey8348 9 місяців тому +2

    My first extension

  • @NetraPatwari
    @NetraPatwari Рік тому +11

    Please make full course chrome extension development.

  • @MrSypas
    @MrSypas Рік тому +8

    Please make full course chrome extension development

    • @KryptechOfficial
      @KryptechOfficial  Рік тому +2

      I'm currently in the planning stages of a full course!

  • @kaushiksen2190
    @kaushiksen2190 Рік тому +2

    Loved your video, learned alot from it. Thank you so much. Please make slightly advanced project on chrome extension which i can add on my resume.

    • @KryptechOfficial
      @KryptechOfficial  Рік тому +2

      I will definitely make more content on Chrome extension soon, I'm currently working on a full course on extension development. Thanks for watching!

  • @EtH-bo3ji
    @EtH-bo3ji Рік тому +5

    Shit was fire no cap

  • @zenekgowna5984
    @zenekgowna5984 Рік тому +2

    Very good stuff bro :D

  • @pronoob249
    @pronoob249 Рік тому +2

    keep uploading these videos bro

  • @akashreddyjammula
    @akashreddyjammula Рік тому +2

    How do we upload to the chrome extensions, means how other users can access?

    • @KryptechOfficial
      @KryptechOfficial  Рік тому +2

      To upload an extension, head over to the Chrome Developer Dashboard. In the upper right is a button labelled "Add new item." Upload a ZIP archive of your extension, fill out all of the technical and privacy information for your extension, then submit it for review.
      Thanks so much for watching!

  • @賴皮鬼-k3l
    @賴皮鬼-k3l 7 місяців тому

    how do we know where the resource of the ads?
    like, if some websites use url other than these two, I want to block them as well

  • @firewatermoonsun
    @firewatermoonsun 4 місяці тому +1

    How did you find which ad url needs to be blocked? For example how to find doubleclick site?

    • @KryptechOfficial
      @KryptechOfficial  4 місяці тому +1

      Whenever you see an ad on your browser (e.g., a banner or sidebar ad) you can hover your mouse over the ad to show the URL in the bottom left corner of the screen, as long as you have status bar enabled in your browser settings.

  • @ybenlarbi
    @ybenlarbi 6 місяців тому

    i face this issue : Unrecognized manifest key 'declarativeNetRequest'. any idea ?

  • @user-yi4mt4hp8u
    @user-yi4mt4hp8u 7 місяців тому +2

    This was amazing and fast. Can you make one that blocks UA-cam ads?

    • @prodqt3906
      @prodqt3906 6 місяців тому +1

      I wrote an extension that foregos youtube video ads. I can send you the link if you'd like. I'm working on integrating pop-up ad blocker as well rn

    • @__dante__
      @__dante__ 4 місяці тому

      ​@@prodqt3906 Can i have the link?

    • @5subswithnovids
      @5subswithnovids 4 місяці тому

      @@prodqt3906 oooh, whats you youtube one

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

      ​@@prodqt3906can you provide the code

  • @Akash.Chopra
    @Akash.Chopra Рік тому +1

    Solid!

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

    great to the point video...loved it

  • @saiteja552
    @saiteja552 Рік тому +3

    short and clear, can you just upload the code or github link for this.?

    • @KryptechOfficial
      @KryptechOfficial  Рік тому +3

      No problem! I just uploaded the code to GitHub, check the description for the link! It appears under the "RESOURCES" heading

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

    How can we made a ad-blocker that will trigger by a button

  • @liv6646
    @liv6646 4 місяці тому

    could i use a list of urls in the rules?

  • @adishjain2507
    @adishjain2507 Рік тому +2

    Thank you for this video

    • @KryptechOfficial
      @KryptechOfficial  Рік тому +2

      No problem bro! Also, I'm live streaming in a couple of days doing more Chrome Extension stuff, keep an eye out for it!

  • @debeeriz
    @debeeriz Рік тому +5

    who pays for an adblocker? the best are open sourced, and they block you tube ads

  • @harshitpatil7117
    @harshitpatil7117 7 місяців тому

    how to add working on and off button to the popup

  • @pierrenagonio
    @pierrenagonio Рік тому +2

    i have made my 1st chrome extension today: select and search games

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

    awesome video bro, just one thing can we dynamically add extensions in the extension popup html so that those will also be blocked? is there a way to dynamically add it?

    • @KryptechOfficial
      @KryptechOfficial  Рік тому +2

      Let me check if I'm understanding. Do you mean allowing the user of the extension to add additional URL match patterns to block?
      If that's the case, we would have to use a plain JS object for our rules instead of a JSON file, which would be difficult because the rulesets are connected inside of our Manifest. So maybe there is something in the Chrome API that can allow us to update our rulesets on the fly.
      Thanks so much for watching!!

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

      @@KryptechOfficial ya bro i want to put a add url in the popup html where the user can put desired url that will be blocked after getting added, is there a way to implement it? i was reading manifest v3 documentation bt didn't find anything similar

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

      bro theres a extension in chrome webstore named A-blocker adblocker , it has a feature of adding or removing url from adblocker, how to implement it? the code isnt open source so i didnt find any resource for it@@KryptechOfficial

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

      @Rajdweep To do this you can use the chrome.webRequest API. When the user adds a new URL to block, put it into local or synced storage using chrome.storage. Then in your background script, fetch all the blocked URLs from storage.
      There is a listener called chrome.webRequest.onBeforeRequest, in the callback you can check if the attempted request is going to a blocked URL, then cancel the request.
      I hope this helps, and good luck!! 😁

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

      thanks bro im searching about chrome.webRequest API.but in manifest v3 we need a rules.json right to block particular urls, how will i modify it dynamically?@@KryptechOfficial

  • @monarca2846
    @monarca2846 7 місяців тому

    is it possible to mute e jump ads you tub3 auto?

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

    Thanks

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

    Is there adblocker on FB messenger?

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

    Can this be done on Android?

    • @KryptechOfficial
      @KryptechOfficial  9 місяців тому +2

      Chrome for Android doesn't currently support extensions, so you'll have to use the Kiwi Browser, which is Chromium-based. 🙂

    • @stevewheatley243
      @stevewheatley243 9 місяців тому +1

      ​@@KryptechOfficialThanks. I wish it worked for YT. They drive you nuts.

  • @SilverHealer-1
    @SilverHealer-1 17 днів тому

    Id love for you to make 1 for youtube.

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

    amazing!!! fatastic!!!

  • @kingx_
    @kingx_ Рік тому +2

    can you make a video on how to code an adblocker for twitch and youtube

    • @KryptechOfficial
      @KryptechOfficial  Рік тому +3

      Unfortunately that is quite complex because of how UA-cam handles their ad feeds. If you want to block ads on UA-cam and Twitch, I'd recommend the free AdBlock extension. I use it and I am never bothered by ads.

    • @kingx_
      @kingx_ Рік тому +2

      @@KryptechOfficialsure i try it

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

      @@KryptechOfficial The online video giant (YT) has now declared war on AdBlock-style apps.

    • @KryptechOfficial
      @KryptechOfficial  Рік тому +3

      @@thepragmatic6383 I'm aware of that hahah, I believe that's the reason this video is now getting more views than usual XD

  • @0xAirdropAlert
    @0xAirdropAlert Рік тому +1

    GG

  • @user-dz6il2bx5p70
    @user-dz6il2bx5p70 2 місяці тому

    so we built nothing, but just patched two config files which are handled by the browser in some hidden abstracted way