P2P Zero-Knowledge-Proof based Opensource Social Network - HexHoot

I find that the domain name that I purchased on an impulse, hexhoot.com, would be the ideal name for the p2p social network; both of which I described in some of my previous posts. I have been working on it during my pasttime for about a month now, and I decided to make it opensource. You can have a look at the project using the following link: https://github.com/zenineasa/hexhoot I have attempted to follow all the best development practices as much as I can. I have written tests, and, enabled continuous integration feature in GitHub to run all the tests, lint and copyright checks for the code changes that is being made. I also have captured all the foreseeable tasks in a Trello dashboard. This helps me keep track of all the bugs that I have detected and all the important tasks that need to be completed. There are quite a lot of tasks left to make this bug-free and feature-rich. I hope I will find enough time and motivation to do the same in the coming days.

How to Create your own Ad Blocker Chrome Extension

Not very long ago, I read an article stating that Google banned advertisement blockers from its stores. There are several websites which does not let you in if you have an Ad blocker extension installed on your browser. I have not investigated on how these websites detect that, nor do I know whether our own version of advertisement blocker would be immune to that. But, isn't it fun to build something like this on our own?

As the first step, I found a random website that has a Google Ad. I right clicked on the Google Ad and clicked on Inspect button.


As I moved up the Elements inspector, I found that the id of the advertisement starts with "google_ads_". Therefore, I opened the console and typed in the following command:
div = document.querySelector('[id^="google_ads_"]')
This selected the div that contained the advertisement. I went ahead and typed in the following command that would remove the div from the page.

div.parentElement.removeChild(div)



In a similar fashion, one can find different patterns in which different advertisements are found. I also found that many-a-times using "google_" instead of "google_ads_" is better. In order to select all the elements that have ids of matching type, let us use querySelectorAll in place of querySelector and use forEach to iterate over all elements.

Let us add these into a Chrome Extension to automate the process. Follow the following procedure for the same:
  1. Create a new folder named adBlocker.
  2. Create two files named 'manifest.json' and 'background.js' respectively.
  3. Insert the following content in manifest.json file:
    {
    "name": "Ad Blocker",
    "description": "Make ads disappear",
    "version": "2.0",
    "permissions": [
    "activeTab"
    ],
    "background": {
    "scripts": ["background.js"],
    "persistent": false
    },
    "browser_action": {
    "default_title": "Make ads disappear"
    },
    "manifest_version": 2
    }
  4. Insert the following content in the background.js file:
    chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.executeScript({
    code: `

    var divs = document.querySelectorAll('[id^="google_"]');
    divs.forEach(function(div){
    div.parentElement.removeChild(div);
    });

    `;
    });
    });
  5. Open chrome and type in chrome://extensions as URL.
  6. Click to enable Developer Mode, if not already enabled.
  7. Click on Load Unpacked Extension and navigate to the adblocker folder.
  8. Enable the newly loaded extension.


Now whenever you click on the extension, the advertisements of this type disappears. You can follow a similar procedure and create an extension that can remove all kinds of advertisements that are bothering you.


Comments

Popular posts from this blog

Regarding a Covid-19 related project that I worked on a few months ago

Went into the University for the first time

P2P Zero-Knowledge-Proof based Opensource Social Network - HexHoot