https://github.com/azurespheredev/chromegpt

A Chrome extension that makes it easy to ask about any web page via a screenshot.
https://github.com/azurespheredev/chromegpt

biometrics chatgpt-4o chrome-extension typescript vite yarn

Last synced: 2 days ago
JSON representation

A Chrome extension that makes it easy to ask about any web page via a screenshot.

• Host: GitHub
• URL: https://github.com/azurespheredev/chromegpt
• Owner: azurespheredev
• License: mit
• Created: 2024-06-19T08:36:30.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-10-27T10:07:06.000Z (18 days ago)
• Last Synced: 2024-11-12T10:48:33.434Z (2 days ago)
• Topics: biometrics, chatgpt-4o, chrome-extension, typescript, vite, yarn
• Language: TypeScript
• Homepage:
• Size: 1.46 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ChromeGPT

## Installation

1. Go to the latest release under [**Releases**](https://github.com/blitzsprinter/ChromeGPT/releases)

2. Download **ChromeGPT.zip** and unzip it

3. In Google Chrome:

   1. Go to **Manage Extensions**

   2. Enable **Developer Mode**

   3. Click **Load Unpacked Extension**

   4. Select the **ChromeGPT** folder that you unzipped

4. The extension should now be available!

> [!NOTE]

> Installing an extension via Developer Mode bypasses review and security

> measures. I vouch for the code in this repository not doing anything

> malicious, but it’s always a good idea to carefully review the code before

> running it, since this extension is able to inject code into, and take

> screenshots of, all of your browser tabs. That said, a surprising number of

> extensions are able to do this, so always be careful!

## How it works

This Chrome extension will be able to take a screenshot of any of your tabs, and

then send the screenshot to ChatGPT, optionally with an associated message (if

you don’t write anything, it defaults to “Describe this image”).

To open it, you can press Alt+C /

Option+C. This is what it looks like:

![Screenshot 2024-05-27 at 18 17 17](./screenshots/334164368-c3e2cf59-69ed-4d11-8436-dbbcd5df2876.jpg)

To send the query to ChatGPT, hit Enter. If you already have a ChatGPT tab open,

you can pick it in the dropdown. The extension will send the image off to

whichever ChatGPT tab you chose and switch to that tab, wait for the image to

upload, then send your message:

![Screenshot 2024-05-27 at 18 17 54](./screenshots/334164821-4f6c97d1-135f-4d11-97bc-873f2ea93e87.jpg)

### For developers

More concretely, this extension injects a bit of JavaScript that finds a

``, sends it a fake `paste` event containing the image as a `File` and

then a fake `input` event with the text. Then it waits for up to one minute to

see if the button with `data-testid*="send-button"` becomes enabled, and

proceeds to click it when it does.

For the most part this has been stable, but I did recently notice that some

versions of the ChatGPT UI have `data-testid="fruitjuice-send-button"` while

others have `data-testid="send-button"`. For this reason I’ve tried to make the

code flexible to renames like these.