https://github.com/matmoore/fl-browser-extension

A browser extension to support development at FutureLearn (created as a learning project)
https://github.com/matmoore/fl-browser-extension

Last synced: 8 months ago
JSON representation

A browser extension to support development at FutureLearn (created as a learning project)

• Host: GitHub
• URL: https://github.com/matmoore/fl-browser-extension
• Owner: MatMoore
• License: mit
• Created: 2021-04-30T13:39:35.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-04-30T16:05:40.000Z (about 5 years ago)
• Last Synced: 2025-04-02T22:30:41.160Z (about 1 year ago)
• Language: JavaScript
• Size: 61.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# FL Browser Extension

This is a browser extension for web developers that highlights which environment you are working in.

Note: This project is currently experimental and hardcodes FutureLearn URLs. You will need to fork it to use with other websites.

## Features

### Warning when you are on production

The extension will add a solid red border around all pages in production.

![Red border on production](./screenshots/border.png)

On non-production environments, it will add a dashed border.

### Switching between environments

The extension also adds a menu button which can be used to switch between environments.

![Buttons for switching environment](./screenshots/popup.png)

## Installation

### For Chrome:

1. Clone the repository

2. Visit [chrome://extensions](chrome://extensions) in your browser.

3. Ensure that the Developer mode checkbox in the top right-hand corner is checked.

4. Click `Load unpacked extension…` to pop up a file selection dialog.

5. Select the extension directory

Source: [Getting Started: Building a Chrome Extension](https://developer.chrome.com/extensions/getstarted#unpacked).

### For Firefox:

Extensions installed using the following instructions are only active while Firefox

is open and are removed on exit. Permanently-active extensions can be only be

installed from packages signed by Mozilla.

1. Clone the repository

2. Visit [about:debugging](about:debugging) in your browser.

3. Click `Load Temporary Add-on` to pop up a file selection dialog.

4. Select the `manifest.json`

Source: [Your first extension](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension).

## Licence

Code for this extension is released under the [MIT license](LICENSE).