Custom Developer Console

• 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

Notes

My custom Developer Console isn't perfect, some secure sites disable inline-scripts, which breaks the console.

Instructions

Instructions without Console (Blocked by School, etc)

1. Copy the Script from devconsole/Bookmarklet.txt.
2. Add a New Bookmark With the Code From Bookmarklet.txt as the URL.
   1. If you don't see your bookmark bar, press Ctrl + Shift + b.
   2. For more help see the GIF below.
3. Click the Bookmark to Start the Developer Console.

Basic Instructions /w Console

1. Open the Developer Console.
   1. Methods Include: Pressing f12
   2. Pressing Ctrl + Shift + i
   3. Right Clicking then Pressing 'Inspect'
2. Copy the Script from main.js.
3. Paste the Script in the Developer Console.
4. Press Enter to Run the Script.