Skip to content

README.md

Latest commit

 

History

History
60 lines (40 loc) · 1.48 KB

README.md

File metadata and controls

60 lines (40 loc) · 1.48 KB
Raw

Input Key Recorder Extension

This Chrome Extension shows a small on-screen display of key inputs (like arrow keys, WASD, Enter, Shift, etc.) when you click the extension icon.

🔧 How to Install

Follow these steps to install the extension manually:

1. Download the Extension

  • Click the green Code button on this repository
  • Choose Download ZIP
  • Once downloaded, extract the ZIP file

⚠️ Make sure when extracting, the files go directly into a folder (not nested inside another folder).
The folder should contain the following files:

manifest.json
background.js
recorder.js
icon.png

2. Load the Extension in Chrome

  1. Open a new tab and go to: chrome://extensions/
  2. In the top-right corner, enable the Developer mode toggle
  3. Click the Load unpacked button
  4. Select the folder that contains the extracted files
    👉 Do not select the individual files — select the folder itself

3. Use the Extension

  1. Navigate to any webpage
  2. Click the extension icon in your Chrome toolbar (looks like a puzzle piece)
  3. The input display will appear in the corner of the page
  4. Press arrow keys, WASD, Enter, etc. — they’ll show up in the display!

✅ Features

  • Displays: Arrow Keys, WASD, Enter, Shift, Escape, Space
  • Real-time logging
  • Appears only when you click the icon

📌 Note

This extension only runs on the page after you click the icon. It does not run on its own.