从想法到代码只要15分钟，调试却要耗掉1小时——这个比例让开发者Nicholas意识到，userscript（用户脚本）开发的瓶颈根本不在写代码，而在和浏览器开发者工具搏斗。
他做过统计：复制CSS选择器、切换DevTools窗口、print调试、刷新页面查报错，这些琐事吃掉了一半以上的时间。于是他用三个月造了Page Proxy，一个带图形界面的userscript管理器，试图把开发流程压缩到"想法→代码→完事"。
从"独特"到"能用"：一个产品经理式的翻车
Nicholas最初想把Page Proxy做成网页应用。"主要是想让它独特"，他在设计文档里坦承。但技术现实很快打脸：CSP（内容安全策略，Content Security Policy）会阻断大部分网站功能，登录态也无法保持，任何需要账号的内容都变成空白页。
他复盘得很直接：独特不等于好。
转向浏览器扩展是更务实的选择。侧边栏设计让工具像DevTools一样随手可调，不必在标签页之间来回跳跃。这个决策把"可用性"优先级提到了"差异化"之上——对独立开发者来说，这是反直觉但必要的妥协。
UI设计阶段他刻意避开了AI网站泛滥的蓝紫渐变，用Realtime Colors工具选定了橙绿配色。"我一直想自己设计界面，"他说，"程序员做设计是个执念。"
图形界面解决的具体痛点
Page Proxy的核心功能是降低选择器调试的摩擦。传统流程里，开发者需要打开DevTools的Elements面板，手动复制selector，粘贴到脚本里测试，失败后再回去调整。Page Proxy把这一步做成了可视化：点击页面元素直接生成CSS选择器，同步插入代码模板。
另一个被自动化的场景是常见代码模式。Nicholas列过自己的高频需求：键盘事件监听（比如Alt+V触发功能）、模拟按键（比如用JS触发Escape键）。这些在原生userscript里需要手写5-10行代码，现在被封装成一键调用的API。
他的设计哲学很朴素：重复三次以上的操作，值得做成按钮。
项目早期的一张流程图显示，他一小时草拟的功能清单后来大幅缩水——"大概已经偏离最初设定了"，他备注道。这种迭代对独立项目来说是常态，但也说明工具类产品的需求往往在开发过程中才真正清晰。
一个值得玩味的细节
Page Proxy目前支持Chrome和Firefox，这是userscript工具的传统阵地。但Nicholas的发布帖里有个耐人寻味的表述：这是他"第一个公开发布的项目"。
换句话说，一个能独立完成Figma设计、浏览器扩展开发、跨平台适配的开发者，此前从未发布过任何作品。这个背景让Page Proxy的完成度显得更不寻常——它同时是一个技术验证和一个公开承诺。
他在结尾留下了明确的反馈渠道。对于userscript这个相对小众的领域，开发者工具的易用性改进空间还有多大？如果你试过Tampermonkey或Greasemonkey，调试过程中最消耗时间的环节是什么？
热门跟贴