Purpose

Introduction

Sometimes webpages just don't work the way you want them to. Maybe they're missing some features, or they're just a dumpster fire (looking at you, CollegeBoard).

If you've ever messed around with DevTools, you'll find that it's quite fun to mess around and change the style and behavior of webpages.

But those changes are not persistent. The moment you exit the page, they're gone.

That brings us to userscripts.

Userscripts

Userscripts allow your changes to be persistent. When you turn your edits into code, they can be saved and re-applied deterministically whenever you visit the webpage again.

This allows you to finally add new features, or keep your UI tweaks, or even share them with others.

Those exist already in the form of browser extensions like Tampermonkey.

There's just one small problem: they're not very user-friendly.

The part where I actually explain the purpose of this project

This project aims to provide a more user-friendly way to create userscripts.

I'm starting off simple here, for now to make Page Proxy userscripts you still need to know a bit of JavaScript.

But the tools provided will help eliminate a lot of the boring work and setup.

For example, to change a specific piece of text, you need to use CSS Selectors to identify the text you want to change, before actually changing it.

But with Page Proxy, you can select an element and generate a selector for it. To make sure it selects what you want it to, you still have to learn a bit of CSS and JS, but the tools provided will help you with that and eliminate most of the repetitive copy-pasting.

Page Proxy aims to allow you to convert page interactions into userscripts. This is so you can spend less time debugging and juggling DevTools windows, and spend more time actually writing your desired functionality. It essentially covers common usage patterns and makes them easier with tool integration and a beginner-friendly API.