Restoring LocalStorage from JSON

A step-by-step guide to populating a browser's localStorage using a JSON string.

Step 1: Copy Your JSON Data

First, ensure you have the `localStorage` data copied to your clipboard in JSON format.

Step 2: Open the Developer Console

On the target device and browser, navigate to the website where you want to restore the data. Open the developer tools by right-clicking on the page and selecting "Inspect". Then, navigate to the "Console" tab.

Step 3: Paste and Run the Corrected Script

Copy the entire code snippet below. In the console, paste the snippet and replace the placeholder JSON with your actual data. Finally, press Enter to run the script.

Important Fix: This version of the script correctly handles nested JSON objects, preventing the `[object Object]` error.

// 1. Paste your copied JSON data here
const dataToRestore = {
  "someKey": "someValue",
  "anotherKey": {
    "nestedKey": "nestedValue"
  }
};

// 2. This code will loop through the data and add it to localStorage
for (const key in dataToRestore) {
  if (Object.hasOwnProperty.call(dataToRestore, key)) {
    const value = dataToRestore[key];
    
    // Check if the value is an object. If so, stringify it.
    // Otherwise, use it as is.
    const valueToStore = typeof value === 'object' ? JSON.stringify(value) : value;
    
    localStorage.setItem(key, valueToStore);
  }
}

// 3. Optional: Confirm it worked
console.log('LocalStorage has been updated successfully!');
// You can also check the 'Application' -> 'LocalStorage' tab in your developer tools.