https://github.com/webmatze/element-thief

a Google Chrom extension to copy HTML elements from any webpage including the CSS
https://github.com/webmatze/element-thief

chrome-extension

Last synced: 20 days ago
JSON representation

a Google Chrom extension to copy HTML elements from any webpage including the CSS

• Host: GitHub
• URL: https://github.com/webmatze/element-thief
• Owner: webmatze
• Created: 2024-09-11T16:08:00.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-11T23:29:50.000Z (4 months ago)
• Last Synced: 2024-10-06T03:06:01.905Z (3 months ago)
• Topics: chrome-extension
• Language: JavaScript
• Homepage:
• Size: 8.79 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Element Thief Chrome Extension

This Chrome extension allows you to hover over elements on a web page, highlight them, and copy their HTML by clicking on them.

## Installation

1. Clone or download this repository to your local machine.

2. Open Google Chrome and navigate to `chrome://extensions`.

3. Enable "Developer mode" by toggling the switch in the top right corner.

4. Click on "Load unpacked" and select the directory containing the extension files.

5. The Element Thief extension should now appear in your Chrome extensions list.

## Usage

1. Click on the extension icon in the Chrome toolbar to open the popup.

2. Click the "Toggle Element Thief" button to activate the tool.

3. Hover over elements on the page to highlight them with a red outline.

4. Click on a highlighted element to copy its HTML to the clipboard.

5. To deactivate the tool, click the "Toggle Element Thief" button again in the popup.

## TODO

- [ ] Copy all the styles for every copied element

- [ ] remove the red outline of the copied element

- [ ] keep the popup open when clicking on an element

- [ ] only select the element and then allow to configure the copy options in the popup

## Notes

- This is just a proof of concept and is not intended for production use.

- The extension is not intended to be used for malicious purposes.

- The extension works on all web pages.

- Copied HTML is stored in the clipboard and can be pasted into any text editor.