(node:4492) UnhandledPromiseRejectionWarning: Error: Navigation Timeout Exceeded: 30000ms exceeded
    at Promise.then (F:\git\Testing\puppeteer-examples\node_modules\puppeteer\lib\NavigatorWatcher.js:71:21)
    at <anonymous>

This error occurs for every script. I think this may be a problem with puppeteer. Anyways I think we should handle this error also. I would like to make a PR regarding this. What say ?

$ node --version                                                                                          
v8.9.4
$ node 1.\ basics/alerts.js                                                                                
This message is inside an alert box
(node:41930) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: Protocol error (Runtime.callFunctionOn): Target closed.
(node:41930) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
node:41789) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: Protocol error (Runtime.callFunctionOn): Target closed.
(node:41789) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

I don't understand. I have a clean node 8 install on a new Macbook Pro.

C:\ub16_prj\puppeteer-examples\a. mocha-tests>cnpm i -g puppeteer
Downloading puppeteer to C:\web\nvm\v11.6.0\node_modules\puppeteer_tmp
Copying C:\web\nvm\v11.6.0\node_modules\puppeteer_tmp_puppeteer@1.13.0@puppeteer to C:\web\nvm\v11.6.0\node_modules\puppeteer
Installing puppeteer's dependencies to C:\web\nvm\v11.6.0\node_modules\puppeteer/node_modules
[1/8] proxy-from-env@^1.0.0 installed at node_modules_proxy-from-env@1.0.0@proxy-from-env
[2/8] progress@^2.0.1 installed at node_modules_progress@2.0.3@progress
[3/8] debug@^4.1.0 installed at node_modules_debug@4.1.1@debug
[4/8] mime@^2.0.3 installed at node_modules_mime@2.4.0@mime
[5/8] ws@^6.1.0 installed at node_modules_ws@6.2.0@ws
[6/8] https-proxy-agent@^2.2.1 installed at node_modules_https-proxy-agent@2.2.1@https-proxy-agent
[7/8] rimraf@^2.6.1 installed at node_modules_rimraf@2.6.3@rimraf
[8/8] extract-zip@^1.6.6 installed at node_modules_extract-zip@1.6.7@extract-zip
execute post install 1 scripts...
[1/1] scripts.install [email protected] run "node install.js", root: "C:\web\nvm\v11.6.0\node_modules\puppeteer"
Downloading Chromium r637110 - 143.1 Mb [====================] 100% 0.0s
Chromium downloaded to C:\web\nvm\v11.6.0\node_modules\puppeteer.local-chromium\win64-637110
[1/1] scripts.install [email protected] finished in 1m
All packages installed (42 packages installed from npm registry, used 1m(network 733ms), speed 619.44kB/s, json 39(66.79kB), tarball 387.27kB)

C:\ub16_prj\puppeteer-examples\a. mocha-tests>

C:\ub16_prj\puppeteer-examples\a. mocha-tests>node google.js
internal/modules/cjs/loader.js:605
throw err;
^

Error: Cannot find module 'puppeteer'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:603:15)
at Function.Module._load (internal/modules/cjs/loader.js:529:25)
at Module.require (internal/modules/cjs/loader.js:657:17)
at require (internal/modules/cjs/helpers.js:22:18)
at Object. (C:\ub16_prj\puppeteer-examples\a. mocha-tests\google.js:7:19)
at Module._compile (internal/modules/cjs/loader.js:721:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:732:10)
at Module.load (internal/modules/cjs/loader.js:620:32)
at tryModuleLoad (internal/modules/cjs/loader.js:560:12)
at Function.Module._load (internal/modules/cjs/loader.js:552:3)

was getting an error in download_upload.js and noticed that imageHref already has images/ on it.
ex:
images/[email protected]

therefor appending it to
https://checklyhq.com/images/

would give wrong URL.

Is it possible to run puppeteer on remote desktop.
So here what my ask is:
First I have my scripts created on Computer A
By giving command from Computer A, my script should invoke a browser in Computer B and should execute my script on the same.

Would be lovely to be able to format code easily.

BTW, https://puppeteersandbox.com/ is awesome! ❤️

C:\ub16_prj\puppeteer-examples\a. mocha-tests>node google.js
C:\ub16_prj\puppeteer-examples\a. mocha-tests\google.js:11
before(async () => {
^

ReferenceError: before is not defined
at Object. (C:\ub16_prj\puppeteer-examples\a. mocha-tests\google.js:11:1)
at Module._compile (internal/modules/cjs/loader.js:721:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:732:10)
at Module.load (internal/modules/cjs/loader.js:620:32)
at tryModuleLoad (internal/modules/cjs/loader.js:560:12)
at Function.Module._load (internal/modules/cjs/loader.js:552:3)
at Function.Module.runMain (internal/modules/cjs/loader.js:774:12)
at executeUserCode (internal/bootstrap/node.js:342:17)
at startExecution (internal/bootstrap/node.js:276:5)
at startup (internal/bootstrap/node.js:227:5)

C:\ub16_prj\puppeteer-examples\a. mocha-tests>

My Code

const puppeteer = require('puppeteer-ie');
const screenshot = 'github2.png';
(async () => {
    const browser = await puppeteer.launch({ headless: false })
    const page = await browser.newPage()
    var url;
    url = 'https://google.com';
    try {
        await page.goto(url, {
            timeout: 10000,
            waitUntil: 'networkidle0',
        });
        console.log(`await page.goto('https://github.com/login')`);
        await page.screenshot({ path: screenshot });
        console.log(`await page.screenshot({ path: screenshot })`);
	    browser.close()
	    console.log('See screenshot: ' + screenshot)
    } catch (e) {
    	console.log('xxx');
        console.log(e);
    }
})()

error

λ node index.js
xxx
Error: DispInvoke: execScript Exception occurred.

    at Dispatch.<anonymous> (<anonymous>)
    at ExecutionContext.require (C:\Users\This PC\Desktop\pptr-ie\node_modules\puppeteer-ie\source\ExecutionContext.js:39:16)
    at ExecutionContext.attach (C:\Users\This PC\Desktop\pptr-ie\node_modules\puppeteer-ie\source\ExecutionContext.js:58:20)
    at Page.waitForNavigation (C:\Users\This PC\Desktop\pptr-ie\node_modules\puppeteer-ie\source\Page.js:64:29)
    at async C:\Users\This PC\Desktop\pptr-ie\index.js:34:9 {
  errno: -2147352567,
  code: -2147352319,
  description: 'Could not complete the operation due to error 80020101.'
}

Please help me

Hello,
i am installing puppeteer using below node command.
"npm i puppeteer"
however it is failing with below error
"ERROR: Failed to download Chromium r662092!"

please suggest any solution to overcome this issue.

Excellent code! I am modifying to pull from a URL list, with the choice of either local or Google Sheets. Do you have any best practice suggestions to accomplish this?

Time exceed out in while waiting for the password :
await page.waitForSelector('input[type="password"]', { visible: true })
And thus it returns me
(node:9950) UnhandledPromiseRejectionWarning: Error: waiting failed: timeout 30000ms exceeded

Any idea how to fix this?

sir how to provide envoriment variable pls help

Hi sir,

When my proccess finish i must get cookies from pupeteer on json format how can i do.
thanks and regards

login/twitter.js link at README.md is dead link.

https://github.com/checkly/puppeteer-examples#twitter

Hi, really struggling to extrach one bit of data from this web page.
When inspecting the data element and copy the xPath into the console I get an emprt response when clearly the element has a value of 939.
Any help to explain where I'm going wrong would be most appreciated.
I'm using Puppeteer-extra and stealth
Thanks Chris

https://puppeteersandbox.com/ gives error when running examples:

WebSocket connection to 'wss://a28klffomxbxm8.iot.eu-central-1.amazonaws.com/mqtt?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJ7Z7C26WYKEAIL7A%2F20181116%2Feu-central-1%2Fiotdevicegateway%2Faws4_request&X-Amz-Date=20181116T033232Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=d0575f9bad51f919ba710bb2088bfe40d9a461d6bf466e13c8988a4f79307b2d' failed: Error in connection establishment: net::ERR_CERT_SYMANTEC_LEGACY

and https://trypuppeteer.com/ does not respond at all.

Hi Team, nice examples!

basics/hover.js example

For me I have to add a sleep() function to make sure await page.screenshot({ path: 'hover.png' }) can capture the hover effect.

const puppeteer = require('puppeteer');

function sleep(ms) {
  return new Promise(resolve => {
    setTimeout(resolve, ms)
  })
}

(async () => {
  const browser = await puppeteer.launch()
  const page = await browser.newPage()
  await page.goto('https://soundcloud.com/')
  await page.hover('.playableTile__artwork')
  await sleep(1000)  // <-- sleep 
  await page.screenshot({ path: 'hover.png' })
  await browser.close()
})()

Is it only me have this issue? Is there anyway I can get rid of sleep() ?

Thanks!

[without sleep]

[with sleep]

Hi, I started this repo some years ago. It's still really cool, but also a bit limited. And now there is Playwright. Me and my team decided to put some extra love and care into creating a "puppeteer-example 2.0", called theheadless.dev.

Idea is the same: free & open source examples and knowledge about Puppeteer AND Playwright, all code and content still on GitHub https://github.com/checkly/theheadless.dev

However, we will support this, update it and expand on it to make it the #1 knowledge base on everything relating the new wave of headless browser automation

(browsers set to 3)
Why does the script open 3 separate browsers and then load three pages/tab with the URLs in the LAST of the three browsers?

Three browsers then 3 tabs/pages in the last browser, while the previous two browsers do nothing?

fix according to API docs:
https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagewaitfornavigationoptions

await page.click('[name="commit"]')
const navigationPromise = page.waitForNavigation();
await navigationPromise;
await page.screenshot({ path: screenshot })

The link to the puppeteer playground website is dead.

How can we check if the user is already logged in (cookies are saved already). I want to know whats the way to only go through the login process if the user is not already logged in.

Currently i am doing it like this. Is there a better way?

try {
   await page.waitForSelector('#login-username', {timeout: 3000})
   await page.type('#login-username', USERNAME);
   await page.type('#login-password', PASSWORD);

   await page.click(btnLoginSelector);

   await page.waitForSelector(btnAccountSettingsSelector);
   console.log( 'successfully logged in');
 } catch ( err ) {
   await page.waitForSelector(btnAccountSettingsSelector);
   console.log( 'already logged in');
 }

I am looking for an example where the script

Navigates to the Login page of website/application
Waits for the human to login into the website
Detects that the Login is successful
Takes action as programmed in the script
Logsout
Scripts like this can help automate tasks for people. Privacy is preserved as the script does not store/see the login credentials