run puppeteer on already installed chrome on macos

Question

1.How can I run the Puppeteer script on the already installed chrome in mac machine. I tried with the following script, not able to run.

2.Is there any way to open the chrome window with particular window size here I am not talking about viewport, I tried with args "--app-shell-host-window-size=1600x1239" -- not working.

Could anyone help me on the above two issues. Thanks in advance for any help

const puppeteer = require('puppeteer');

(async() => {
    const browser = await puppeteer.launch({

        headless: false,
        executablePath: '/Applications/Google Chrome.app/',
        args: ["--app-shell-host-window-size=1600x1239"]


    });
    const page = await browser.newPage();
    await page.goto('http://localhost:8282/publisher/login' ,{
        waitUntil: 'load'
    });
    await page.screenshot({path: '../screenshots/cms-local.png'});

    //await browser.close();
})();

After Following the Eric Comment and jegadesh answer below, I changed the code like below and Now it is working except one small issue: window is opening in correct size but content in that window are constrained to some other size, see the screenshot below

Working Code:

const browser = await puppeteer.launch({

        headless: false,
        // executablePath: '/Applications/Google Chrome.app/',
        args: ["--window-size=2400,1239"]


    });

Check out --window-size and the path used in https://developers.google.com/web/updates/2017/04/headless-chrome — ebidel, Nov 06 '17 at 14:52
Thanks Eric...I am able to run on the already installed chrome by giving the path you mentioned in the article for MAC chrome developers.google.com/web/updates/2017/04/headless-chrome ...Window size is also is working, but after running the script, It opens the window in correct size , but content in the window is looking constrained to some other width, see the screenshot, then I go to the opened page , and I open the devtools using mouseclick, the content size is readjusted to the entire window size. I corrected this issue to using await page.setViewport({width: 2300, height:1239}); — Mohamed Hussain, Nov 07 '17 at 11:34
Is there anyway to sync the viewport with existing window size — Mohamed Hussain, Nov 07 '17 at 11:36
@ebidel: Is there a way to open the chrome with certain profile, from the doc I assume that there is no way, Is any hack or any future plan to support this? because I planned to automate the login for my local CMS and then I go and work on the page with my Profile On, so that I could run snippets from devtools — Mohamed Hussain, Nov 07 '17 at 11:39
@ebidel on https://try-puppeteer.appspot.com/ I am getting one or other error always when running the example given, even not able to run the code which is running successfully on my local machine, sorry for raising this silly issues — Mohamed Hussain, Nov 07 '17 at 12:14

score 95 · Answer 1 · edited Apr 20 '20 at 03:15

95

You can set executablePath: '/Applications/Google Chrome.app/'...

You can browse chrome://version/ in chrome, and find executableFilePath(maybe it's not this name, my chrome is not english version), use this.

See Screenshot Below

edited Apr 20 '20 at 03:15

Faiz Mohammed

344
3
11

answered Apr 09 '18 at 13:32

xialvjun

1,090
7
10

2

This solution was perfect for me ! – LucasC Apr 27 '18 at 22:18
10

Good to know that `chrome://version/` give the exact executable path! Thanks. – LeOn - Han Li Jan 10 '19 at 21:33
Yes, this answer works for me, and it should be the accepted answer! – stephen May 04 '20 at 16:12
Wow... I thought something was wrong with my set up and preventing me from running puppeteer against chrome. Turns out in my .env file, I was escaping the space which the Javascript did not like... – William Chou Aug 13 '20 at 05:35
this is also good answer, didn't know my chrome executable path was different – angry kiwi Dec 11 '22 at 17:32

score 24 · Answer 2 · answered Sep 27 '19 at 23:58

24

For me it worked when I set executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome'

answered Sep 27 '19 at 23:58

vitmalina

1,829
1
14
7

gjegadesh · Accepted Answer · 2023-03-30T19:41:32.333

1

Regarding your first question, Puppeteer docs indicate that it could work with an installed version of Chromium or Chrome.

To use an installed version:

set the environment variable PUPPETEER_SKIP_CHROMIUM_DOWNLOAD (https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#environment-variables)
use the executablePath, as you have already pointed out.

Regarding your second question, use --window-size. For example: "--window-size=800,600"

Please be aware that if you have opened a browser window with an explicitly set window-size, then that size will be used for all future windows (ignoring any size you specify for the future windows). For a new window-size to be effective, you must close all previously opened windows.

edited Mar 30 '23 at 19:41

answered Nov 06 '17 at 18:23

gjegadesh

144
10

1

The docs currently state that `puppeteer.launch([options])` accepts `executablePath`: Path to a Chromium or Chrome executable to run instead of the bundled Chromium. link: https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#puppeteerlaunchoptions – dean grande Oct 25 '19 at 02:45
3

This answer is not accurate. You can use chrome, I just tested it. – codepleb Feb 25 '20 at 07:10

run puppeteer on already installed chrome on macos

3 Answers3