How to develop a Chrome Extension to Scrape Emails ? | Chrome Extension Tutorial

If you know basic web development and JavaScript, then developing your own Chrome Extension is pretty simple. All you need to do is to follow the getting started guide provided by Google.
developer.chro...
But, if you hate reading docs, then I have created this video which explains the steps you need to follow to build your own Chrome Extension. In this tutorial we are building an extension which would scrape emails from any webpage.
#chromeextension #javascript #tutorial

[@slimrawhide]

Thanks for this. I found a couple of other articles that were out of date or just plain too difficult to follow. The step by step guide with really clear instructions was exactly what I needed. A really awesome tutorial.

[@EAGLETECHHACKING]

[00:02](ua-cam.com/video/LtF3mCn0GUs/v-deo.html.24) Building a Chrome Extension to Scrape Emails
- Introduction to building a simple Chrome Extension}
- Importance of manifest.json file in Chrome Extension}
- Adding basic requirements to manifest.json file}
- Enabling functionality in the Chrome Extension}
- Setting up popup.html for user interaction}

[03:08](ua-cam.com/video/LtF3mCn0GUs/v-deo.html.56) Creating a Chrome Extension to Scrape Emails
- Including a CSS stylesheet for styling}
- Fixing a typo and reloading the extension}
- Scanning the HTML of the loaded page for emails}
- Creating the script 'popup.js' to handle actions}

[06:16](ua-cam.com/video/LtF3mCn0GUs/v-deo.html.16) Developing a Chrome Extension to Scrape Emails
- Testing the button click functionality}
- Identifying the issue with scraping emails}
- Reloading the extension to see the alert}
- Running the script in the popup and on the active tab}

[10:01](ua-cam.com/video/LtF3mCn0GUs/v-deo.html.76) Developing a Chrome Extension to Scrape Emails
- Obtaining the currently active tab}
- Defining the script to scrape emails}
- Adding permissions in the manifest for tab access}
- Checking if the script runs successfully}
- Using regular expressions to extract emails from the page}

[12:41](ua-cam.com/video/LtF3mCn0GUs/v-deo.html.76) Developing a Chrome Extension to Scrape Emails
- Scraping emails from a web page}
- Using Chrome runtime message passing functionality}
- Confirming receipt of emails in the pop-up script}
- Reloading the extension and displaying the message handler output}

[16:09](ua-cam.com/video/LtF3mCn0GUs/v-deo.html.44) Developing a Chrome Extension to Scrape Emails
- Looping through each image to extract emails}
- Extension displaying all extracted emails}
- Scraping emails from any webpage using the extension}
- Adding functionality and modifying the extension}

[@aaronpat9476]

Thank you so much for this amazing tutorial, with all the problems migrating from Manifest 2 to 3, your tutorial helped me a lot, you rock!

[@user-dt2wl2cd2p]

the only guy on internet i could get a solution to my problem for, thx!

[@time4crypto427]

Awesome video! Very calming voice and clear style. I love that! Subbed. Please more on chrome ext development! ❤

[@hashdefine]

Thank you for your encouraging words, I will definitely try to include more chrome extension dev videos. .

[@luvrahooo]

One of the best videos after searching so much. If you get time please create a video more buttons and inputs, and also accessing data from current tab like cookies from a particular site, etc.

[@hashdefine]

Thanks for the suggestions , will surely try to address 👍

[@yucheng3453]

Very nice video! best introduction video of chorme extension on youtube.

[@brunnocosta6954]

Man, i love you! You help me so much!

[@arifhossain8753]

Simple and great explanation❤️

[@awesomewolf07]

very nicely explain with steps

[@graceadams8623]

Why do you have just 5 subscribers? Your videos are valuable

[@hashdefine]

Thanks for your kind words. This is a new channel, so hopefully more people will watch and subscribe 🤞

[@Movieeditspro]

amazing you deserve more subscribers

[@hashdefine]

Thank you so much 😀

[@emmadurepos7513]

amazing sir can you do more tutorials like this

[@anshmishra1536]

11:23 I am getting an error that " Uncaught (in promise) Error: Cannot Access a chrome://URL "
How to solve it
Plz help me

[@jamesseager3985]

ive got the same problem

[@jamesseager3985]

never mind, I've found that you only get that error whilst on a tab on Chrome:// or Edge:// such as the extensions page.
any other website should be fine.

[@anshmishra1536]

@@jamesseager3985so basically what should I do ?
Can u plz elaborate

[@shalinitripathi9811]

Same how can I resolve it

[@Sami-sg5os]

@@shalinitripathi9811 use this chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
let emails = request.emails;
alert(emails)
//code in here will run every time a user goes onto a new tab, so you can insert your scripts into every new tab
});

[@hackmate-x]

Hola, colega, por favor envíeme el código para iniciar mi proyecto y ver cómo se captura el texto del correo electrónico.

[@franciscoolivares7068]

Amazing!!

[@hashdefine]

Thank you !!

[@norsemanintl]

Great site! What would we change in order to scrape and crawl all the pages of a site?

[@codewithshivkr]

great video, please make a video on how to build extention to fill web forms using inputs from excel file

[@hashdefine]

Thanks for the suggestion, will do this video 👍

[@codewithshivkr]

@@hashdefinethanks, i am waiting for the same

[@grammar.with.mohammed]

great video , I am waiting for it as well. when you will post it?

[@TheWhoIsTom]

Nice video. Is there a way to wait for an selector. I have a site where it trys to fetch an element before its on the page.

[@AnkitKumar-cg9hu]

Thanks

[@glenayienda3317]

Awesome video! could you include a src code please

[@Movieeditspro]

But sir the same mails are coming 2 times . what should i do to get it only 1 time

[@rajeshchitikela5847]

how can we get emails from all the pages in a website?

[@cgianimationtv1828]

Please can you code an extension that shows latest post from a particular website... Just like the extension *xclusiveloaded* it does it... Please 🙏 I can't wait to learn it, I appreciate your time and effort. God bless 🙏 you

[@prasanshah397]

can you build for phone number scrapper from linkedin?

[@xash6917]

How do i make extension for scraping data from websites

[@Movieeditspro]

hey please can you do a email spam detection extension . it would really help in my project, cause i am stuck in that

[@noertri618]

This is what i am looking

[@TechnoEveryday]

Great

[@vaibhavikumari384]

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
Context
popup.html
Stack Trace
popup.js:32 (anonymous function)
I am getting this error can anyone resolve

[@Movieeditspro]

same here please help

[@Movieeditspro]

did u get the solution

[@mishanadhikary67]

Hi can you provide the codes too pleasee. Awesome video

[@hashdefine]

Will share soon

[@steipeter]

that mechanical keyboard noise is very distracting.

[@chrisder1814]

hello

[@Duriel1000]

should be titled 'how to scrape email ADDRESSES'

[@khurrammughal953]

i want to fetch my whatsapp text

[@Study-di3xh]

hello