Тёмный

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

Hash Define
Подписаться 386
Просмотров 32 тыс.
50% 1

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.chrome.com/docs/ext...
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

Наука

Опубликовано:

 

8 сен 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 56   
@slimrawhide
@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.
@aaronpat9476
@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
@user-dt2wl2cd2p Год назад
the only guy on internet i could get a solution to my problem for, thx!
@time4crypto427
@time4crypto427 Год назад
Awesome video! Very calming voice and clear style. I love that! Subbed. Please more on chrome ext development! ❤
@hashdefine
@hashdefine Год назад
Thank you for your encouraging words, I will definitely try to include more chrome extension dev videos. .
@yucheng3453
@yucheng3453 Год назад
Very nice video! best introduction video of chorme extension on youtube.
@brunnocosta6954
@brunnocosta6954 Год назад
Man, i love you! You help me so much!
@arifhossain8753
@arifhossain8753 Год назад
Simple and great explanation❤️
@luvrahooo
@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
@hashdefine Год назад
Thanks for the suggestions , will surely try to address 👍
@awesomewolf07
@awesomewolf07 Год назад
very nicely explain with steps
@emmadurepos7513
@emmadurepos7513 Год назад
amazing sir can you do more tutorials like this
@TheWhoIsTom
@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.
@norsemanintl
@norsemanintl Год назад
Great site! What would we change in order to scrape and crawl all the pages of a site?
@prasanshah397
@prasanshah397 11 месяцев назад
can you build for phone number scrapper from linkedin?
@graceadams8623
@graceadams8623 Год назад
Why do you have just 5 subscribers? Your videos are valuable
@hashdefine
@hashdefine Год назад
Thanks for your kind words. This is a new channel, so hopefully more people will watch and subscribe 🤞
@xash6917
@xash6917 Год назад
How do i make extension for scraping data from websites
@glenayienda3317
@glenayienda3317 Год назад
Awesome video! could you include a src code please
@AnkitKumar-cg9hu
@AnkitKumar-cg9hu Год назад
Thanks
@Movieeditspro
@Movieeditspro 7 месяцев назад
amazing you deserve more subscribers
@hashdefine
@hashdefine 7 месяцев назад
Thank you so much 😀
@franciscoolivares7068
@franciscoolivares7068 Год назад
Amazing!!
@hashdefine
@hashdefine Год назад
Thank you !!
@TechnoEveryday
@TechnoEveryday Год назад
Great
@Movieeditspro
@Movieeditspro 7 месяцев назад
hey please can you do a email spam detection extension . it would really help in my project, cause i am stuck in that
@rajeshchitikela5847
@rajeshchitikela5847 6 месяцев назад
how can we get emails from all the pages in a website?
@cgianimationtv1828
@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
@Movieeditspro
@Movieeditspro 7 месяцев назад
But sir the same mails are coming 2 times . what should i do to get it only 1 time
@hackmate-x
@hackmate-x 2 месяца назад
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.
@noertri618
@noertri618 4 месяца назад
This is what i am looking
@codewithshivkr
@codewithshivkr Год назад
great video, please make a video on how to build extention to fill web forms using inputs from excel file
@hashdefine
@hashdefine Год назад
Thanks for the suggestion, will do this video 👍
@codewithshivkr
@codewithshivkr Год назад
@@hashdefinethanks, i am waiting for the same
@mohammedalluhaybi4442
@mohammedalluhaybi4442 Год назад
great video , I am waiting for it as well. when you will post it?
@vaibhavikumari384
@vaibhavikumari384 10 месяцев назад
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
@Movieeditspro 7 месяцев назад
same here please help
@Movieeditspro
@Movieeditspro 7 месяцев назад
did u get the solution
@EAGLETECHHACKING
@EAGLETECHHACKING 2 месяца назад
[00:02](ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LtF3mCn0GUs.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](ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LtF3mCn0GUs.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](ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LtF3mCn0GUs.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](ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LtF3mCn0GUs.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](ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LtF3mCn0GUs.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](ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LtF3mCn0GUs.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}
@anshmishra1536
@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
@jamesseager3985 Год назад
ive got the same problem
@jamesseager3985
@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
@anshmishra1536 Год назад
@@jamesseager3985so basically what should I do ? Can u plz elaborate
@shalinitripathi9811
@shalinitripathi9811 Год назад
Same how can I resolve it
@Sami-sg5os
@Sami-sg5os 10 месяцев назад
@@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 });
@mishanadhikary67
@mishanadhikary67 Год назад
Hi can you provide the codes too pleasee. Awesome video
@hashdefine
@hashdefine Год назад
Will share soon
@chrisder1814
@chrisder1814 3 дня назад
hello
@Duriel1000
@Duriel1000 8 месяцев назад
should be titled 'how to scrape email ADDRESSES'
@khurrammughal953
@khurrammughal953 Год назад
i want to fetch my whatsapp text
@Study-di3xh
@Study-di3xh 4 месяца назад
hello
Далее
Building a simple Google Chrome extension with Vue
24:28
10 Tailwind Tricks You NEED To Know!
10:45
Просмотров 281 тыс.
📱магазин техники в 2014 vs 2024
0:41
НОВЫЕ ФЕЙК iPHONE 🤯 #iphone
0:37
Просмотров 355 тыс.