Puppeteer: get localStorage from a website

Question

I need to take with Puppeteer all the data that a website saves: cookies and localStorage (for example after Login). I have read all Puppeteer documentation but I can not find anything about localStorage.

I can get cookies but I don't know to get localStorage. For example:

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch()
  const page = await browser.newPage()
  await page.goto('https://www.twitter.com/')

  //
  // code for login
  //

  const returnedCookie = await page.cookies();  
  console.log(returnedCookie)
  // const localStorage = ??
  // console.log(localStorage)

  await browser.close()
})()

score 18 · Answer 1 · edited Feb 25 '23 at 19:09

18

Easier way that worked for me:

const localStorage = await page.evaluate(() =>  Object.assign({}, window.localStorage));

edited Feb 25 '23 at 19:09

Josh Correia

3,807
3
33
50

answered Nov 03 '19 at 19:05

Guido Dizioli

2,007
2
17
29

4

Works well! `await page.evaluate(() => window.localStorage);` won't work if anyone is tempted to check :-) – Evgenia Karunus Jul 13 '20 at 07:38

score 12 · Answer 2 · answered Apr 17 '19 at 11:15

I found the way:

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch()
  const page = await browser.newPage()
  await page.goto('https://www.twitter.com/')

  //
  // code for login
  //

  const returnedCookie = await page.cookies();  
  console.log(returnedCookie)

  await page.waitFor( 10000 );
  const localStorageData = await page.evaluate(() => {
    let json = {};
    for (let i = 0; i < localStorage.length; i++) {
      const key = localStorage.key(i);
      json[key] = localStorage.getItem(key);
    }
    return json;
  });

  console.log(localStorageData)

  await browser.close()
})()

score 1 · Answer 3 · answered Dec 03 '20 at 16:46

Guido's answer works but if you want to return just a single value (and not the whole Local/Session storage object) from local/session storage, then you can use:

const localStorage = await page.evaluate(() => localStorage.getItem("myKey"));

Note: If it's empty, it will return null.

Puppeteer 5.3.1.

Mohammad Ghafghaziyan · Answer 4 · 2023-07-03T07:48:36.130

my solution is:

const puppeteer = require("puppeteer");
const fs = require("fs");

async function saveData() {
  const browser = await puppeteer.launch({ headless: false });
  const page = await browser.newPage();

  // go to example.com
  await page.goto("https://example.com");

  // Wait for the user to log in and the data to populate
  await page.waitForTimeout(30000);

  // Get localStorage data
  const localStorageData = await page.evaluate(() => {
    const data = {};
    for (let i = 0; i < localStorage.length; i++) {
      const key = localStorage.key(i);
      const value = localStorage.getItem(key);
      data[key] = value;
    }
    return data;
  });

  // Store the localStorage data in a file
  const localStorageDataJSON = JSON.stringify(localStorageData);
  fs.writeFileSync("localStorageData.json", localStorageDataJSON, "utf8");

  await browser.close();
}

saveData();

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). — Community, Jul 04 '23 at 10:19

Puppeteer: get localStorage from a website

4 Answers4