https://github.com/theotterlord/patch-it

A JavaScript/CSS loader for Firefox
https://github.com/theotterlord/patch-it

addon firefox userscript

Last synced: 23 days ago
JSON representation

A JavaScript/CSS loader for Firefox

• Host: GitHub
• URL: https://github.com/theotterlord/patch-it
• Owner: TheOtterlord
• License: mit
• Created: 2021-08-17T10:38:59.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-08-19T16:41:31.000Z (over 3 years ago)
• Last Synced: 2024-10-15T01:31:33.208Z (3 months ago)
• Topics: addon, firefox, userscript
• Language: JavaScript
• Homepage: https://addons.mozilla.org/en-GB/firefox/addon/patch-it/
• Size: 9.77 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


 
Patch it!



> **WARNING**: Never paste code into **Patch it!** from an untrusted source. Always make sure you understand what the code is doing before adding it.

**Patch it!** is a Firefox browser extension for JavaScript/CSS injection. Essentially, it allows you to customize a website by adding your own JavaScript/CSS. Use scopes to define where your code should be loaded, and watch as your code customizes websites you visit.

This is a learning project first, but I'll be supporting it because I find it really useful.

## Installation

Head to [addons.mozilla.org](https://addons.mozilla.org/en-GB/firefox/addon/patch-it/) and download the extension to get started!

## Usage

1. Create a scope (a url or a url matching pattern)

For example, the scope `https://mozilla.org/*` will match any page on https://mozilla.org.

2. Add your JavaScript and CSS

```js

console.log('Hello world!')

```

```css

.extend {

  background: #000;

  color: #fff;

}

```

3. Hit save and visit a web page in your scope!