Go ahead and run the code by typing the following in the terminal: $ node signin
The last line is commented out so that we see the whole process of typing email and password and clicking the login button. Then we have to type our email and password, so we grab the selectors input#email and input#pass from DevTools and pass in our SECRET_EMAIL and SECRET_PASSWORD.Īfter that, we click the #loginbutton to log in to Facebook. This selector contains the login form, so we wait for it using waitForSelector method. On Facebook, there’s a #login_form selector that can be accessed via DevTools. Then we go to Facebook and wait until everything is loaded. We then launch the browser and set headless mode to false to launch a full version of Chromium browser. We’ve created two variables, SECRET_EMAIL and SECRET_PASSWORD, which should be replaced by your email and password of Facebook. Then paste in the following code: const puppeteer = require ( 'puppeteer' ) const main = async ( ) => main ( ) Go ahead and create a screenshot.js file in the root of your project. It’s really easy to do this with Puppeteer. Generate a Screenshot of Unsplash using Puppeteer
creating a PDF of Hacker News using Puppeteerġ.generating a screenshot of Unsplash using Puppeteer.Let’s dive into some practical examples using Puppeteer. Puppeteer requires at least Node v6.4.0, but we’re going to use async/await, which is only supported in Node v7.6.0 or greater, so make sure to update your Node.js to the latest version to get all the goodies. It’s also actively maintained so we get all the new features of ECMAScript as Chromium supports it. Puppeteer does nothing new that Selenium, PhantomJS (which is now deprecated), and the like do, but it provides a simple and easy-to-use API and provides a great abstraction so we don’t have to worry about the nitty-gritty details when dealing with it. generate pre-rendered content - that is, server-side rendering.access web pages and extract information using the standard DOM API.generate screenshots of websites including SVG and Canvas.It lets us perform common actions on the Chromium browser, programmatically through JavaScript, via a simple and easy-to-use API. Puppeteer is made by the team behind Google Chrome, so you can be pretty sure it will be well maintained. Puppeteer runs headless by default, but can be configured to run full (non-headless) Chrome or Chromium. The puppeteer website describes Puppeteer asĪ Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. In this article, we’ll look at Puppeteer, a Node-based library for use with Chrome/Chromium. These capabilities can be further enhanced and automated by third-party tools. Browser developer tools provide an amazing array of options for delving under the hood of websites and web apps.
0 kommentar(er)
