1
1
mirror of https://github.com/namibia/awesome-cheatsheets.git synced 2024-12-19 08:49:45 +00:00

feat(puppeteer): add page functions

This commit is contained in:
Julien Le Coupanec 2020-03-17 22:07:34 +01:00
parent 7937ffea53
commit 1716f3f575

View File

@ -117,135 +117,134 @@ browserContext.waitForTarget(predicate[, options]) // Promise which resolve
const page = await browser.newPage();
page.on('close') //
page.on('console') //
page.on('dialog') //
page.on('domcontentloaded') //
page.on('error') //
page.on('frameattached') //
page.on('framedetached') //
page.on('framenavigated') //
page.on('load') //
page.on('metrics') //
page.on('pageerror') //
page.on('popup') //
page.on('request') //
page.on('requestfailed') //
page.on('requestfinished') //
page.on('response') //
page.on('workercreated') //
page.on('workerdestroyed') //
page.on('close') // Emitted when the page closes.
page.on('console') // Emitted when JavaScript within the page calls one of console API methods.
page.on('dialog') // Emitted when a JavaScript dialog appears, such as alert, prompt, confirm or beforeunload.
page.on('domcontentloaded') // Emitted when the JavaScript DOMContentLoaded event is dispatched.
page.on('error') // Emitted when the page crashes.
page.on('frameattached') // Emitted when a frame is attached.
page.on('framedetached') // Emitted when a frame is detached.
page.on('framenavigated') // Emitted when a frame is navigated to a new url.
page.on('load') // Emitted when the JavaScript load event is dispatched.
page.on('metrics') // Emitted when the JavaScript code makes a call to console.timeStamp.
page.on('pageerror') // Emitted when an uncaught exception happens within the page.
page.on('popup') // Emitted when the page opens a new tab or window.
page.on('request') // Emitted when a page issues a request.
page.on('requestfailed') // Emitted when a request fails, for example by timing out.
page.on('requestfinished') // Emitted when a request finishes successfully.
page.on('response') // Emitted when a response is received.
page.on('workercreated') // Emitted when a dedicated WebWorker is spawned by the page.
page.on('workerdestroyed') // Emitted when a dedicated WebWorker is terminated.
page.accessibility //
page.coverage //
page.keyboard //
page.mouse //
page.touchscreen //
page.tracing //
page.accessibility // returns Accessibility
page.coverage // returns Coverage
page.keyboard // returns Keyboard
page.mouse // returns Mouse
page.touchscreen // returns Touchscreen
page.tracing // returns Tracing
page.$(selector) //
page.$$(selector) //
page.$$eval(selector, pageFunction[, ...args]) //
page.$eval(selector, pageFunction[, ...args]) //
page.$x(expression) //
page.addScriptTag(options) //
page.addStyleTag(options) //
page.authenticate(credentials) //
page.bringToFront() //
page.browser() //
page.browserContext( //
page.click(selector[, options]) //
page.close([options]) //
page.content() //
page.cookies([...urls]) //
page.deleteCookie(...cookies) //
page.emulate(options) //
page.emulateMedia(type) //
page.emulateMediaFeatures(features) //
page.emulateMediaType(type) //
page.emulateTimezone(timezoneId) //
page.evaluate(pageFunction[, ...args]) //
page.evaluateHandle(pageFunction[, ...args]) //
page.evaluateOnNewDocument(pageFunction[, ...args]) //
page.exposeFunction(name, puppeteerFunction) //
page.focus(selector) //
page.frames() //
page.goBack([options]) //
page.goForward([options]) //
page.goto(url[, options]) //
page.hover(selector) //
page.isClosed() //
page.mainFrame() //
page.metrics() //
page.pdf([options]) //
page.queryObjects(prototypeHandle) //
page.reload([options]) //
page.screenshot([options]) //
page.select(selector, ...values) //
page.setBypassCSP(enabled) //
page.setCacheEnabled([enabled]) //
page.setContent(html[, options]) //
page.setCookie(...cookies) //
page.setDefaultNavigationTimeout(timeout) //
page.setDefaultTimeout(timeout) //
page.setExtraHTTPHeaders(headers) //
page.setGeolocation(options) //
page.setJavaScriptEnabled(enabled) //
page.setOfflineMode(enabled) //
page.setRequestInterception(value) //
page.setUserAgent(userAgent) //
page.setViewport(viewport) //
page.tap(selector) //
page.target() //
page.title() //
page.type(selector, text[, options]) //
page.url() //
page.viewport() //
page.waitFor(selectorOrFunctionOrTimeout[, options[, ...args]]) //
page.waitForFileChooser([options]) //
page.waitForFunction(pageFunction[, options[, ...args]]) //
page.waitForNavigation([options]) //
page.waitForRequest(urlOrPredicate[, options]) //
page.waitForResponse(urlOrPredicate[, options]) //
page.waitForSelector(selector[, options]) //
page.waitForXPath(xpath[, options]) //
page.workers() //
page.$(selector) // The method runs document.querySelector within the page. If no element matches the selector, the return value resolves to null.
page.$$(selector) // The method runs document.querySelectorAll within the page. If no elements match the selector, the return value resolves to [].
page.$$eval(selector, pageFunction[, ...args]) // This method runs Array.from(document.querySelectorAll(selector)) within the page and passes it as the first argument to pageFunction.
page.$eval(selector, pageFunction[, ...args]) // This method runs document.querySelector within the page and passes it as the first argument to pageFunction. If there's no element matching selector, the method throws an error.
page.$x(expression) // The method evaluates the XPath expression.
page.addScriptTag(options) // Adds a <script> tag into the page with the desired url or content.
page.addStyleTag(options) // Adds a <link rel="stylesheet"> tag into the page with the desired url or a <style type="text/css"> tag with the content.
page.authenticate(credentials) // Provide credentials for HTTP authentication.
page.bringToFront() // Brings page to front (activates tab).
page.browser() // Get the browser the page belongs to.
page.browserContext( // Get the browser context that the page belongs to.
page.click(selector[, options]) // This method fetches an element with selector, scrolls it into view if needed, and then uses page.mouse to click in the center of the element. If there's no element matching selector, the method throws an error.
page.close([options]) // Close the page
page.content() // Gets the full HTML contents of the page, including the doctype.
page.cookies([...urls]) // If no URLs are specified, this method returns cookies for the current page URL. If URLs are specified, only cookies for those URLs are returned.
page.deleteCookie(...cookies) // Delete a cookie
page.emulate(options) // Emulates given device metrics and user agent.
page.emulateMediaFeatures(features) // Emulates CSS media features on the page.
page.emulateMediaType(type) // Changes the CSS media type of the page.
page.emulateTimezone(timezoneId) // Changes the timezone of the page.
page.evaluate(pageFunction[, ...args]) // Evaluate the page.
page.evaluateHandle(pageFunction[, ...args]) // Evaluate the page and return returns in-page object (JSHandle).
page.evaluateOnNewDocument(pageFunction[, ...args]) //
page.exposeFunction(name, puppeteerFunction) //
page.focus(selector) //
page.frames() //
page.goBack([options]) //
page.goForward([options]) //
page.goto(url[, options]) //
page.hover(selector) //
page.isClosed() //
page.mainFrame() //
page.metrics() //
page.pdf([options]) //
page.queryObjects(prototypeHandle) //
page.reload([options]) //
page.screenshot([options]) //
page.select(selector, ...values) //
page.setBypassCSP(enabled) //
page.setCacheEnabled([enabled]) //
page.setContent(html[, options]) //
page.setCookie(...cookies) //
page.setDefaultNavigationTimeout(timeout) //
page.setDefaultTimeout(timeout) //
page.setExtraHTTPHeaders(headers) //
page.setGeolocation(options) //
page.setJavaScriptEnabled(enabled) //
page.setOfflineMode(enabled) //
page.setRequestInterception(value) //
page.setUserAgent(userAgent) //
page.setViewport(viewport) //
page.tap(selector) //
page.target() //
page.title() //
page.type(selector, text[, options]) //
page.url() //
page.viewport() //
page.waitFor(selectorOrFunctionOrTimeout[, options[, ...args]]) //
page.waitForFileChooser([options]) //
page.waitForFunction(pageFunction[, options[, ...args]]) //
page.waitForNavigation([options]) //
page.waitForRequest(urlOrPredicate[, options]) //
page.waitForResponse(urlOrPredicate[, options]) //
page.waitForSelector(selector[, options]) //
page.waitForXPath(xpath[, options]) //
page.workers() //
// WORKER
// The Worker class represents a WebWorker.
// The events workercreated and workerdestroyed are emitted on the page object to signal the worker lifecycle.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-worker
worker.evaluate(pageFunction[, ...args]) //
worker.evaluateHandle(pageFunction[, ...args]) //
worker.executionContext() //
worker.url() //
worker.evaluate(pageFunction[, ...args]) //
worker.evaluateHandle(pageFunction[, ...args]) //
worker.executionContext() //
worker.url() //
// ACCESSIBILITY
// The Accessibility class provides methods for inspecting Chromium's accessibility tree.
// The accessibility tree is used by assistive technology such as screen readers or switches.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-accessibility
accessibility.snapshot([options]) //
accessibility.snapshot([options]) //
// KEYBOARD
// Keyboard provides an api for managing a virtual keyboard.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-keyboard
keyboard.down(key[, options]) //
keyboard.press(key[, options]) //
keyboard.sendCharacter(char) //
keyboard.type(text[, options]) //
keyboard.up(key) //
keyboard.down(key[, options]) //
keyboard.press(key[, options]) //
keyboard.sendCharacter(char) //
keyboard.type(text[, options]) //
keyboard.up(key) //
// MOUSE
// The Mouse class operates in main-frame CSS pixels relative to the top-left corner of the viewport.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-mouse
mouse.click(x, y[, options]) //
mouse.down([options]) //
mouse.move(x, y[, options]) //
mouse.up([options]) //
mouse.click(x, y[, options]) //
mouse.down([options]) //
mouse.move(x, y[, options]) //
mouse.up([options]) //
// TOUCHSCREEN
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-touchscreen
@ -255,200 +254,200 @@ touchscreen.tap(x, y) //
// TRACING
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-tracing
tracing.start([options]) //
tracing.stop() //
tracing.start([options]) //
tracing.stop() //
// FILE CHOOSER
// FileChooser objects are returned via the 'page.waitForFileChooser' method.
// File choosers let you react to the page requesting for a file.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-filechooser
fileChooser.accept(filePaths) //
fileChooser.cancel() //
fileChooser.isMultiple() //
fileChooser.accept(filePaths) //
fileChooser.cancel() //
fileChooser.isMultiple() //
// DIALOG
// Dialog objects are dispatched by page via the 'dialog' event.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-dialog
dialog.accept([promptText]) //
dialog.defaultValue() //
dialog.dismiss() //
dialog.message() //
dialog.type() //
dialog.accept([promptText]) //
dialog.defaultValue() //
dialog.dismiss() //
dialog.message() //
dialog.type() //
// CONSOLE MESSAGE
// ConsoleMessage objects are dispatched by page via the 'console' event.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-consolemessage
consoleMessage.args() //
consoleMessage.location() //
consoleMessage.text() //
consoleMessage.type() //
consoleMessage.args() //
consoleMessage.location() //
consoleMessage.text() //
consoleMessage.type() //
// FRAME
// At every point of time, page exposes its current frame tree via the page.mainFrame() and frame.childFrames() methods.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-frame
frame.$(selector) //
frame.$$(selector) //
frame.$$eval(selector, pageFunction[, ...args]) //
frame.$eval(selector, pageFunction[, ...args]) //
frame.$x(expression) //
frame.addScriptTag(options) //
frame.addStyleTag(options) //
frame.childFrames() //
frame.click(selector[, options]) //
frame.content() //
frame.evaluate(pageFunction[, ...args]) //
frame.evaluateHandle(pageFunction[, ...args]) //
frame.executionContext() //
frame.focus(selector) //
frame.goto(url[, options]) //
frame.hover(selector) //
frame.isDetached() //
frame.name() //
frame.parentFrame() //
frame.select(selector, ...values) //
frame.setContent(html[, options]) //
frame.tap(selector) //
frame.title() //
frame.type(selector, text[, options]) //
frame.url() //
frame.waitFor(selectorOrFunctionOrTimeout[, options[, ...args]]) //
frame.waitForFunction(pageFunction[, options[, ...args]]) //
frame.waitForNavigation([options]) //
frame.waitForSelector(selector[, options]) //
frame.waitForXPath(xpath[, options]) //
frame.$(selector) //
frame.$$(selector) //
frame.$$eval(selector, pageFunction[, ...args]) //
frame.$eval(selector, pageFunction[, ...args]) //
frame.$x(expression) //
frame.addScriptTag(options) //
frame.addStyleTag(options) //
frame.childFrames() //
frame.click(selector[, options]) //
frame.content() //
frame.evaluate(pageFunction[, ...args]) //
frame.evaluateHandle(pageFunction[, ...args]) //
frame.executionContext() //
frame.focus(selector) //
frame.goto(url[, options]) //
frame.hover(selector) //
frame.isDetached() //
frame.name() //
frame.parentFrame() //
frame.select(selector, ...values) //
frame.setContent(html[, options]) //
frame.tap(selector) //
frame.title() //
frame.type(selector, text[, options]) //
frame.url() //
frame.waitFor(selectorOrFunctionOrTimeout[, options[, ...args]]) //
frame.waitForFunction(pageFunction[, options[, ...args]]) //
frame.waitForNavigation([options]) //
frame.waitForSelector(selector[, options]) //
frame.waitForXPath(xpath[, options]) //
// EXECUTION CONTEXT
// The class represents a context for JavaScript execution.
// Besides pages, execution contexts can be found in workers.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-executioncontext
executionContext.evaluate(pageFunction[, ...args]) //
executionContext.evaluateHandle(pageFunction[, ...args]) //
executionContext.frame() //
executionContext.queryObjects(prototypeHandle) //
executionContext.evaluate(pageFunction[, ...args]) //
executionContext.evaluateHandle(pageFunction[, ...args]) //
executionContext.frame() //
executionContext.queryObjects(prototypeHandle) //
// JSHANDLE
// JSHandle represents an in-page JavaScript object.
// JSHandles can be created with the page.evaluateHandle method.
// const windowHandle = await page.evaluateHandle(() => window);
jsHandle.asElement() //
jsHandle.dispose() //
jsHandle.evaluate(pageFunction[, ...args]) //
jsHandle.evaluateHandle(pageFunction[, ...args]) //
jsHandle.executionContext() //
jsHandle.getProperties() //
jsHandle.getProperty(propertyName) //
jsHandle.jsonValue() //
jsHandle.asElement() //
jsHandle.dispose() //
jsHandle.evaluate(pageFunction[, ...args]) //
jsHandle.evaluateHandle(pageFunction[, ...args]) //
jsHandle.executionContext() //
jsHandle.getProperties() //
jsHandle.getProperty(propertyName) //
jsHandle.jsonValue() //
// ELEMENTHANDLE
// ElementHandle represents an in-page DOM element.
// ElementHandles can be created with the page.$ method.
// const hrefElement = await page.$('a');
elementHandle.$(selector) //
elementHandle.$$(selector) //
elementHandle.$$eval(selector, pageFunction[, ...args]) //
elementHandle.$eval(selector, pageFunction[, ...args]) //
elementHandle.$x(expression) //
elementHandle.asElement() //
elementHandle.boundingBox() //
elementHandle.boxModel() //
elementHandle.click([options]) //
elementHandle.contentFrame() //
elementHandle.dispose() //
elementHandle.evaluate(pageFunction[, ...args]) //
elementHandle.evaluateHandle(pageFunction[, ...args]) //
elementHandle.executionContext() //
elementHandle.focus() //
elementHandle.getProperties() //
elementHandle.getProperty(propertyName) //
elementHandle.hover() //
elementHandle.isIntersectingViewport() //
elementHandle.jsonValue() //
elementHandle.press(key[, options]) //
elementHandle.screenshot([options]) //
elementHandle.select(...values) //
elementHandle.tap() //
elementHandle.toString() //
elementHandle.type(text[, options]) //
elementHandle.uploadFile(...filePaths) //
elementHandle.$(selector) //
elementHandle.$$(selector) //
elementHandle.$$eval(selector, pageFunction[, ...args]) //
elementHandle.$eval(selector, pageFunction[, ...args]) //
elementHandle.$x(expression) //
elementHandle.asElement() //
elementHandle.boundingBox() //
elementHandle.boxModel() //
elementHandle.click([options]) //
elementHandle.contentFrame() //
elementHandle.dispose() //
elementHandle.evaluate(pageFunction[, ...args]) //
elementHandle.evaluateHandle(pageFunction[, ...args]) //
elementHandle.executionContext() //
elementHandle.focus() //
elementHandle.getProperties() //
elementHandle.getProperty(propertyName) //
elementHandle.hover() //
elementHandle.isIntersectingViewport() //
elementHandle.jsonValue() //
elementHandle.press(key[, options]) //
elementHandle.screenshot([options]) //
elementHandle.select(...values) //
elementHandle.tap() //
elementHandle.toString() //
elementHandle.type(text[, options]) //
elementHandle.uploadFile(...filePaths) //
// REQUEST
// Represents a request which are sent by a page.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-request
request.abort([errorCode]) //
request.continue([overrides]) //
request.failure() //
request.frame() //
request.headers() //
request.isNavigationRequest() //
request.method() //
request.postData() //
request.redirectChain() //
request.resourceType() //
request.respond(response) //
request.response() //
request.url() //
request.abort([errorCode]) //
request.continue([overrides]) //
request.failure() //
request.frame() //
request.headers() //
request.isNavigationRequest() //
request.method() //
request.postData() //
request.redirectChain() //
request.resourceType() //
request.respond(response) //
request.response() //
request.url() //
// RESPONSE
// Response class represents responses which are received by page.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-response
response.buffer() //
response.frame() //
response.fromCache() //
response.fromServiceWorker() //
response.headers() //
response.json() //
response.ok() //
response.remoteAddress() //
response.request() //
response.securityDetails() //
response.status() //
response.statusText() //
response.text() //
response.url() //
response.buffer() //
response.frame() //
response.fromCache() //
response.fromServiceWorker() //
response.headers() //
response.json() //
response.ok() //
response.remoteAddress() //
response.request() //
response.securityDetails() //
response.status() //
response.statusText() //
response.text() //
response.url() //
// SECURITY DETAILS
// SecurityDetails class represents the security details when response was received over the secure connection.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-securitydetails
securityDetails.issuer() //
securityDetails.protocol() //
securityDetails.subjectName() //
securityDetails.validFrom() //
securityDetails.validTo() //
securityDetails.issuer() //
securityDetails.protocol() //
securityDetails.subjectName() //
securityDetails.validFrom() //
securityDetails.validTo() //
// TARGET
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-target
target.browser() //
target.browserContext() //
target.createCDPSession() //
target.opener() //
target.page() //
target.type() //
target.url() //
target.worker() //
target.browser() //
target.browserContext() //
target.createCDPSession() //
target.opener() //
target.page() //
target.type() //
target.url() //
target.worker() //
// CDPSESSION
// The CDPSession instances are used to talk raw Chrome Devtools Protocol
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-cdpsession
cdpSession.detach() //
cdpSession.send(method[, params]) //
cdpSession.detach() //
cdpSession.send(method[, params]) //
// COVERAGE
// Coverage gathers information about parts of JavaScript and CSS that were used by the page.
// https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-class-coverage
coverage.startCSSCoverage([options]) //
coverage.startJSCoverage([options]) //
coverage.stopCSSCoverage() //
coverage.stopJSCoverage() //
coverage.startCSSCoverage([options]) //
coverage.startJSCoverage([options]) //
coverage.stopCSSCoverage() //
coverage.stopJSCoverage() //