- Webpage Direct Editor (Pen)
- Element Inspector (Magnifying Glass)
- Partially Finished Main Console
- Partially Finished HTML Inspector
- Almost Done With Sources Viewer
- Add Settings - Night Mode
- Add More Tools
My custom Developer Console isn't perfect, some secure sites disable inline-scripts, which breaks the console.
Instructions without Console (Blocked by School, etc)
- Copy the Script from devconsole/Bookmarklet.txt.
- Add a New Bookmark With the Code From Bookmarklet.txt as the URL.
- If you don't see your bookmark bar, press Ctrl + Shift + b.
- For more help see the GIF below.
- Click the Bookmark to Start the Developer Console.
Basic Instructions /w Console
- Open the Developer Console.
- Methods Include: Pressing f12
- Pressing Ctrl + Shift + i
- Right Clicking then Pressing 'Inspect'
- Copy the Script from main.js.
- Paste the Script in the Developer Console.
- Press Enter to Run the Script.