Puppeteer: Headless Automated Testing, Scraping, and Downloading

Рет қаралды 20,656

Күн бұрын

This tutorial walks you through every thing you need to know about Puppeteer and headless browsers, so you can automate website testing, web scraping, fetching and downloading content, and more.
code from video: github.com/prof3ssorSt3v3/pup...
Puppeteer Reference: pptr.dev/
Puppeteer Extra Stealth Plugin: www.npmjs.com/package/puppete...
Chrome Dev Tools Protocol: chromedevtools.github.io/devt...
Pages for testing headless status:
arh.antoinevastel.com/bots/ar...
bot.sannysoft.com/
0:00:00 intro and install
0:03:26 basic commands
0:18:50 interface testing
0:47:26 web scraping
1:05:33 downloading images and files

Пікірлер: 47

@user-tj6py8sk9x 5 ай бұрын

40 years old guy here diving into frontend. I''m only 15 mins in and I've already learned so much! Thank you, Steve. You're awesome!

@BitWizCoder 8 ай бұрын

Thanks for the video, really enjoyd it. can't wait tor try some scrapping with the Puppeteer.

@patrickconrad396 7 ай бұрын

Dude for years I loom for great in depth Node content and i always come across your videos and they are so freaking helpful. Thanks for everything

@loydcose2780 7 ай бұрын

I'm absolutely thrilled that I stumbled upon this video. It's exactly what I was looking for. Thank you for creating such fantastic content! 🙌🙌

@Chris-qg6kc 11 ай бұрын

I love and appreciate what you bring to the table. Very refined and polished teaching technique with a good voice.

@BunniesAI 8 ай бұрын

Very vey good walkthrough. Loved it 🫶🏻

@kranzaklilu496 11 ай бұрын

Loving the new thumbnails. Thanks for your work

@barungh 7 ай бұрын

Awesome, I mean saving the screenshot along with data in json file - it is really nice approach to Web Scraping, and you showed both in your tutorial, thanks

@picozzimichele 4 ай бұрын

One of the best videos about this so far, explained very well!

@real23lions 5 ай бұрын

excellent video. i've been trying to get into web scraping for a few months and the slow and methodical way of teaching really helped. thanks from a self-taught programmer

@fredthefed3144 10 ай бұрын

Felt like the Bob Ross of coding. Very informative. Concise and clear. Great presentation. TY!

@michaellavelle7354 2 ай бұрын

Great job Steve. Thanks.

@kubataiupov1245 2 ай бұрын

Awsome stuff man. Awesome explanations. Thanks a lot.

@brucewayne252 11 ай бұрын

Learning something new with this vid. Thanks Steve, again!

@israelortiz8820 11 ай бұрын

Man. you always do great content. Thanks a lot for sharing your knowledge. 👍

@_ademmeral 11 ай бұрын

Great tuto, Sir

@EltonSantanaRockerForLife 3 ай бұрын

wow, thank you so much for this!

@RafaelSales55 5 ай бұрын

I'm in my first job, and because of you I could learn how to use Puppeteer. I hope I can learn more with you, good job and thank you a lot!

@SteveGriffith-Prof3ssorSt3v3 5 ай бұрын

Congratulations on the job!

@isaacdruin 11 ай бұрын

Man, your channel is fantastic.

@SteveGriffith-Prof3ssorSt3v3 11 ай бұрын

Thanks. Please share it with others.

@seanduignan294 11 ай бұрын

I built a few tools with this framework a year or so ago for work. It forced me to learn some javascript properly - from your channel. FYI: have a look at playwright.

@oleksandrbodrov6499 4 ай бұрын

so nice! Didn't know such headless browser exists at my 36 now :( So looks like you could write end-to-end tests with it easily without using any framework ? I can also think of puppeteer + ChatGPT API combo. Thanks for this super clear and easy to grasp content, Mr. Steve!

@greatnile 11 ай бұрын

thanks a lot for the valuable video. a question in a different context: are you planning to make video of a deep dive into the new OPFS (origin private file system) APIs?

@SteveGriffith-Prof3ssorSt3v3 11 ай бұрын

It's on my list but I have no idea when I will be able to get to it.

@nattanontesavibul4450 7 ай бұрын

kept getting this error. Does anyone knows how to fix this? Error: Could not find Chromium (rev. 1108766). This can occur if either 1. you did not perform an installation before running the script (e.g. `npm install`) or 2. your cache path is incorrectly configured (which is: /Users/ohmnattanon/.cache/puppeteer).

@sharvilprabhudesai3210 Ай бұрын

Any way to click ALLOW or BLOCK when the website opens a dialog box before loading the scripts ????

@JoopKomkommerShake 2 ай бұрын

Pitty you dont show how to find the selector names en button names on the KZbin page. For the other readers: right click in your browser on the required item choose inspect and voila.

@davidhusted817 5 ай бұрын

Hello mr. Steve I'm working at project Similar but I'm scared about using streams instead of events because I want after saving the images i 'll send it into api to make image processings with tesseract js and sharp is it the right solution or can get a nice solution from you Mr, and thanks I learn much from you 😊😊

@SteveGriffith-Prof3ssorSt3v3 4 ай бұрын

The "right" solution depends on what you are trying to do with your project. I can't really tell you what to do without being part of the project. Sorry, I don't have any videos on Streams in JS yet.

@freefd3929 11 ай бұрын

plugin-stealth from chrome update to 114 not work

@nori_san10 3 ай бұрын

How do you deal with timeout errors? Is it ok to rerun the script everytime it encounters timeout error until you scraped all the data you needed?

@SteveGriffith-Prof3ssorSt3v3 3 ай бұрын

Depends on what you are doing and if there are restrictions on the server or with authentication

@kingwindie 11 ай бұрын

wow, i have never contributed to any KZbinr but you bring topnotch amazing content this was exceptional, I actually want to donate or do something to help the channel out

@SteveGriffith-Prof3ssorSt3v3 11 ай бұрын

Thanks! Please share the channel to let others know about content that helped you. If you are wanting to donate, you can use the Super Thanks button (the heart icon with the dollar sign).

@kingwindie 11 ай бұрын

@@SteveGriffith-Prof3ssorSt3v3 thanks, i wasn't sure how the super thanks work, but i will use that

@rickrhodes2506 Ай бұрын

in all the tutorials nobody mentions what you are running when typing all these commands and installing puppeteer??? Is it Powershell, CMD, Node.js, Visual Studio???

@SteveGriffith-Prof3ssorSt3v3 Ай бұрын

It is an NPM module so, it is the same process as any npm module. It uses NodeJS to install modules. In whatever Terminal / command prompt you want to use. I'm using the version that is built into VS Code.

@owszystkim5415 11 ай бұрын

Hey why you don't have cookies modal when you open youtube and i have. I run your code and it doesn't work because i cannot accept or decline cookies. I tried accepting or declining them on my own but for some reason even tough i was passing correct classes it didn't work.

@SteveGriffith-Prof3ssorSt3v3 11 ай бұрын

This is why you start your testing with the non-headless version. So you can look at the HTML in the elements tab and find the cookie dialog reference. Then you can deal with it as part of your script.

@owszystkim5415 10 ай бұрын

@@SteveGriffith-Prof3ssorSt3v3 thanks. I managed to decline cookies, but i was just curious why this modal didn't appear on your screen.

@SteveGriffith-Prof3ssorSt3v3 10 ай бұрын

@@owszystkim5415 I have already visited the site previously and dismissed it

@nalindadissanayaka1092 6 ай бұрын

I tried to scrape data from Facebook post but I couldn't. How can I do

@SteveGriffith-Prof3ssorSt3v3 6 ай бұрын

For any advanced site with credentials, it can be a trial and error process. You have to move through each step one at a time, testing after each command until you find the right combination. It's different for each site.