Chrome Extension Side Panel Demo

A simple Chrome extension that implements a side panel.

Features

• Clean and simple side panel interface
• Easy to customize and extend

Installation Steps

1. Download the Extension

   • Clone this repository or download the files to your local machine
   • Make sure you have all the required files:
     • manifest.json
     • panel.html
     • panel.js
     • icon48.png
     • icon128.png

2. Install in Chrome

   • Open Google Chrome
   • Type chrome://extensions/ in the address bar and press Enter
   • Enable "Developer mode" by toggling the switch in the top-right corner
   • Click the "Load unpacked" button in the top-left corner
   • Navigate to the directory containing the extension files
   • Select the directory and click "Open"

3. Using the Side Panel

   • Click the side panel icon in Chrome's toolbar (usually next to the address bar)
   • The side panel will open on the right side of the browser window

Requirements

• Google Chrome browser (version 114 or later)
• Developer mode enabled in Chrome extensions

Files Structure

project-directory/
├── manifest.json
├── src/
│   ├── background.js
│   └── panel/
│       ├── panel.html
│       ├── js/
│       │   └── panel.js
│       └── css/
│           └── styles.css
├── assets/
│   └── icons/
│       ├── icon48.png
│       └── icon128.png
└── README.md