Makeshift DevTools (uBO)

[s0urce-c0de]

My friend @FinnBaltazar1111 was going to release this as a TitaniumNetwork kajig, but he is taking forever so i am just posting it here. The repo on his account is FinnBaltazar1111/uDevTools, but I wrote the whole thing, as evident in the credits. (Also beware, this is a big dump of my thoughts, so barely organized)

the readme.md for skids

uDevTools

Uses Chii to simulate DevTools via a uBlock Origin scriptlet.
To run:

1. Install uBlock Origin from Chrome Web Store (if it's blocked womp womp)

2. Go to chrome-extension://cjpalhdlnbpafiamejdnhcphjbkeiagm/dashboard.html

3. Scroll down and check I am an advanced user

   ->

4. Click the right next to the check box (this will bring you to chrome-extension://cjpalhdlnbpafiamejdnhcphjbkeiagm/advanced-settings.html

5. On the last line next to userResourcesLocation, change unset to https://raw.githubusercontent.com/FinnBaltazar1111/uDevTools/main/uDevTools.min.js and click Apply Changes. If it is already set you can change it from something like userResourcesLocation https://raw.githubusercontent.com/3kh0/ext-remover/main/ublockExec.js (uRun) to userResourcesLocation https://raw.githubusercontent.com/3kh0/ext-remover/main/ublockExec.js https://raw.githubusercontent.com/FinnBaltazar1111/uDevTools/main/uDevTools.min.js (uRun + uDevtools)

6. Click Apply Changes

7. Go to chrome-extension://cjpalhdlnbpafiamejdnhcphjbkeiagm/dashboard.html#1p-filters.html

8. Inside the edit box, copy-paste this: *##+js(chii.js) in a new line, then click Apply Changes.

And you're done! Note that this might not work on some sites due to additional protections.

To toggle, use keybind CTRL+ALT+I. This is broken on some websites (where it auto launches).
Known Websites where this works:

• Google Search pages
• Khan Academy
• Code.org
• Stack Overflow
• Most *.github.io sites
• A lot more sites than should allow it

Websites known not to work:

• GitHub
• Quill.org
• raw.githubusercontent.com (who sets CSP on sites that serve raw text files?)
• Google Docs, Slides, Drive, Sheets, Jamboard, Meet, etc.
• Discord
• some more sites.

uEruda

A version of uDevTools that works on a lot more sites due to CSP only disabling frames and scripts, but this is being run directly. Quite literally grab eruda from jsdelivr, put it in a scriptlet, run it. Steps to install (can be installed allong side uDevTools):

1. Install uBlock Origin from Chrome Web Store (if it's blocked womp womp)

2. Go to chrome-extension://cjpalhdlnbpafiamejdnhcphjbkeiagm/dashboard.html

3. Scroll down and check I am an advanced user

   ->

4. Click the right next to the check box (this will bring you to chrome-extension://cjpalhdlnbpafiamejdnhcphjbkeiagm/advanced-settings.html

5. On the last line next to userResourcesLocation, change unset to https://raw.githubusercontent.com/FinnBaltazar1111/uDevTools/main/uDevTools.min.js and click Apply Changes. If it is already set you can change it from something like userResourcesLocation https://raw.githubusercontent.com/3kh0/ext-remover/main/ublockExec.js (uRun) to userResourcesLocation https://raw.githubusercontent.com/3kh0/ext-remover/main/ublockExec.js https://raw.githubusercontent.com/FinnBaltazar1111/uDevTools/main/uEruda.js (uRun + uEruda).

6. Click Apply Changes

7. Go to chrome-extension://cjpalhdlnbpafiamejdnhcphjbkeiagm/dashboard.html#1p-filters.html

8. Inside the edit box, copy-paste this: *##+js(eruda.js) in a new line, then click Apply Changes.

Everything works except Google Docs/Sheets/Drive/etc.

Credits

• surunzi or liriliri for making eruda and chii.
• Everybody who has contributed and made uBlock Origin a thing.
• Google, for making a absolutely dumb browser 💀
• Finn Baltazar for writing the initial code (which all of it has been replaced with a harder to stop version for lazy devs).
  • GitHub: @FinnBaltazar1111 https://github.com/FinnBaltazar1111
  • Discord: @‎ReznorsRevenge https://discord.com/users/764259980865699842
  • YouTube Reznor's Revenge https://youtube.com/@ReznorsRevenge1
• s0urce-c0de, The man behind it all (also the person writing most of this and uDevTools.js and fixing practically everything, from broken injection to togglable shortcut and keybinds.)
  • GitHub: @s0urce-c0de https://github.com/s0urce-c0de
  • Discord @‎s0urce_c0de https://discord.com/users/947649923342540860

The interesting stuff (summary, uses medium knowledge terms):
basically, inject chii into a page, and inject eruda. chii is blocked by CSP's default-src, script-src, and frame-src options. Both eruda and chii are blocked by the Trusted Types API. It can say no to a lot of operations. But it is only available in chromium-based browsers, not firefox (best browser) and safari (2nd best). No one except google in google drive/docs/sheets/etc. uses it. Some notable education sites (and others) which support/don't support it:

• Khan Academy: Both
• Quill.org: Eruda
• Code.org: Both
• Stackoverflow: Both
• Clever: Both
• Discord: Eruda
• MDN: Neither (how?)
• *.github.io: 99% of the time both.

You can add multiple scriptlets source in uBlock Origin advanced settings by just adding them with a space. Right now you can get these at

• Chii: https://github.com/FinnBaltazar1111/uDevTools/raw/HEAD/uDevTools.min.js
• Eruda: https://github.com/FinnBaltazar1111/uDevTools/raw/HEAD/uEruda.js

I assume you know how to add the filters. It is glitchy, I did my best to fix uDevTools. Non minified version here. Have fun!

Filters:

• Chii: *##+js(chii.js)
• Eruda: *##+js(eruda.js)

Also on a side note, what happened to this commit... FinnBaltazar1111/uDevTools@c263516