Build an AD BLOCKER Chrome Extension in Less Than 10 Minutes

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

КОМЕНТАРІ • 63

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

    Nice video man! Short and to the point.

  • @luissamouco2518
    @luissamouco2518 8 місяців тому +3

    great tutorial

  • @kaushiksen2190
    @kaushiksen2190 9 місяців тому +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  9 місяців тому +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!

  • @namandubey8348
    @namandubey8348 5 місяців тому +1

    My first extension

  • @NetraPatwari
    @NetraPatwari 11 місяців тому +9

    Please make full course chrome extension development.

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

    Shit was fire no cap

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

    keep uploading these videos bro

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

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

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

      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__ Місяць тому

      ​@@prodqt3906 Can i have the link?

    • @5subswithnovids
      @5subswithnovids 15 днів тому

      @@prodqt3906 oooh, whats you youtube one

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

    Please make full course chrome extension development

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

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

  • @zenekgowna5984
    @zenekgowna5984 11 місяців тому +2

    Very good stuff bro :D

  • @Akash.Chopra
    @Akash.Chopra 8 місяців тому +1

    Solid!

  • @adishjain2507
    @adishjain2507 11 місяців тому +2

    Thank you for this video

    • @KryptechOfficial
      @KryptechOfficial  11 місяців тому +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!

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

    great to the point video...loved it

  • @pierrenagonio
    @pierrenagonio 11 місяців тому +2

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

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

      Congrats!! 🥳🥳 Keep up the great work

  • @debeeriz
    @debeeriz 9 місяців тому +5

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

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

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

    • @KryptechOfficial
      @KryptechOfficial  27 днів тому

      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.

  • @liv6646
    @liv6646 22 дні тому

    could i use a list of urls in the rules?

  • @ZeshanMukhtar1
    @ZeshanMukhtar1 8 місяців тому +1

    Thanks

  • @saiteja552
    @saiteja552 9 місяців тому +3

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

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

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

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

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

  • @akashreddyjammula
    @akashreddyjammula 10 місяців тому +2

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

    • @KryptechOfficial
      @KryptechOfficial  10 місяців тому +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!

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

    how to add working on and off button to the popup

  • @mikeshin77
    @mikeshin77 8 місяців тому +1

    amazing!!! fatastic!!!

  • @lawrencecarvalho561
    @lawrencecarvalho561 2 місяці тому

    Is there adblocker on FB messenger?

  • @user-tg8zp3oz5h
    @user-tg8zp3oz5h 3 місяці тому

    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

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

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

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

    GG

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

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

  • @Rajdweep
    @Rajdweep 10 місяців тому +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  10 місяців тому +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 10 місяців тому +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 10 місяців тому +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  10 місяців тому +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 10 місяців тому +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

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

    Can this be done on Android?

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

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

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

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

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

    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 9 місяців тому +1

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

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

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