Merge branch 'master' of https://github.com/griffpatch/Scratch3-Dev-T…

…ools

README.md

@@ -1,6 +1,6 @@
 # Griffpatch's Scratch 3 Dev Tools Chrome Browser Extension
 
-Welcome all - This is a chrome extension I'm developing to add new complementry features to the awesome [Scratch](https://scratch.mit.edu) website. The source code is provided here for you to see, but you can more easily download the official extension from the [Google Chrome Webstore](https://chrome.google.com/webstore/detail/scratch-3-developer-tools/phacniajokfchdcamjhonkbhlcipplno)
+Welcome all - This is a chrome extension I'm developing to add new complementary features to the awesome [Scratch](https://scratch.mit.edu) website. The source code is provided here for you to see, but you can more easily download the official extension from the [Google Chrome Webstore](https://chrome.google.com/webstore/detail/scratch-3-developer-tools/phacniajokfchdcamjhonkbhlcipplno).
 
 ## Getting Started
 
@@ -10,19 +10,30 @@ If you want to build it yourself, or see how it works, then the following instru
 
 ### Prerequisites
 
-What things you need to install the software and how to install them
+Google Chrome / Chromium or Firefox
 
-```
-Nothing really, just Google Chrome or Chromium
+### Installing
+
+First you'll need to download the files. You can do this with the "Clone or download" button here on GitHub, or clone this repository:
+```bash
+git clone https://github.com/griffpatch/Scratch3-Dev-Tools
 ```
 
-### Installing
+#### Installing (Chrome / Chromium)
+
+1. Open Google Chrome and navigate to: `chrome://extensions/`
+2. Click the `Load Unpacked` button (top left)
+3. Select the folder containing the extension files
+4. Navigate to a Scratch project at https://scratch.mit.edu/ and look inside
+5. Enjoy!
+
+#### Installing (Firefox)
 
-1. Copy all files into a folder on your PC
-2. Open Google Chrome and navigate to: `chrome://extensions/`
-3. Click the `Load Unpacked` button (top left)
-4. Select the folder containing the extension files
-5. Navigate to a scratch project at https://scratch.mit.edu/ and look inside
+1. Open Firefox and navigate to: `about:debugging`
+2. Click `This Firefox`
+3. Click `Load Temporary Add-on...`
+4. Open the folder containing the extension files, and choose the `manifest.json` file
+5. Navigate to a Scratch project at https://scratch.mit.edu/ and look inside
 6. Enjoy!
 
 ## Versioning
@@ -37,7 +48,7 @@ v0.0.1 - Initial Release
 
 ## License
 
-This project is licensed under the GNU Public License 3 - see the [LICENSE.md](LICENSE.md) file for details
+This project is licensed under the GNU General Public License v3 - see the [LICENSE.md](LICENSE.md) file for details
 
 ## Acknowledgments
 

inject.user.js

@@ -0,0 +1,24 @@
+// ==UserScript==
+// @name         Scratch 3 Developer Tools
+// @namespace    https://github.com/griffpatch/Scratch3-Dev-Tools
+// @version      1.0.0
+// @description  ...to enhance your Scratch Editing Experience. Injects the code on the source code. Ported, based on the extension. (https://chrome.google.com/webstore/detail/scratch-3-developer-tools/phacniajokfchdcamjhonkbhlcipplno)
+// @author       griffpatch, ported by Hans5958
+// @match        http*://scratch.mit.edu/projects/editor
+// @match        http*://scratch.mit.edu/projects/*
+// @match        http*://scratch.mit.edu/projects/*/editor
+// @icon         https://cdn.jsdelivr.net/gh/griffpatch/Scratch3-Dev-Tools/bigIcon.png
+// @updateURL    https://cdn.jsdelivr.net/gh/griffpatch/Scratch3-Dev-Tools/inject.user.js
+// @grant        none
+// ==/UserScript==
+
+var js = document.createElement('script')
+js.src = 'https://cdn.jsdelivr.net/gh/griffpatch/Scratch3-Dev-Tools/inject3.js'
+
+var css = document.createElement('link')
+css.href = 'https://cdn.jsdelivr.net/gh/griffpatch/Scratch3-Dev-Tools/inject.css'
+css.rel = 'stylesheet'
+
+var head = document.getElementsByTagName('head')[0]
+head.appendChild(js)
+head.appendChild(css)