如何用 OpenCode 零基础开发油猴插件？从小白思路到实操指南

最近看到一个挺有意思的提问：能不能用朋友的 Cookie 把 B 站的大会员画质“借”过来？需求很真实，虽然听着像薅羊毛，但背后的技术原理其实非常适合用来入门油猴插件开发。今天我们不谈伦理，只谈技术，聊聊如果你是小白，该怎么用现在的 AI 工具（比如 OpenCode）把这个想法变成现实。

🤔 拆解需求：这事儿技术上怎么实现？

首先，要把这个模糊的想法落地，得拆解成具体的技术步骤。想在网页端享受朋友的会员画质，本质上是要解决两个问题：

身份伪装：网页端怎么判定你是会员？主要是看请求里的 Cookie 或 Header 里有没有特定的认证信息（比如 DedeUserID 等）。
请求拦截与替换：你需要在一个请求发出去之前，把原本“穷鬼版”的 Cookie 替换成“朋友土豪版”的，服务器那边以为是你朋友在登录，自然就丢给你高清流了。

而“油猴插件”天生就是干这事的——它能在网页加载的任意阶段注入你的 JS 代码，正好适合用来拦截请求、修改参数。

🛠️ 准备工作：开发环境搭建

以前写这玩意儿得配本地环境，现在有 OpenCode 这种在线工具或者各类 AI 编程助手，门槛大大降低。

OpenCode or AI Coding Interface

使用 OpenCode 等 AI 工具可以大大降低编写脚本的门槛

基础工具：浏览器装一个 Tampermonkey（油猴）扩展，这是必须的。
AI 辅助：如果你打算用 OpenCode 或者 Cursor 这类带 AI 的编辑器，省去了 90% 查文档的时间。我们需要告诉 AI 它的角色和环境。

💡 怎么给 AI 写提示词？

原文里提到的“怎么写提示词”其实是核心。你不能只说“帮我写个插件”，AI 听不懂这种黑话。你得把需求工程化。

你可以直接复制类似的 Prompt 结构试试：

角色设定：你是一个前端脚本专家，精通油猴脚本开发。 任务目标：编写一个 Tampermonkey 脚本，用于在访问 Bilibili 视频页面时，拦截特定的视频流请求，并将请求头中的 Cookie 替换为预设的字符串。 技术要求：

使用 GM_xmlhttpRequest 或 fetch hook 技术进行请求拦截。

脚本头部需包含 @match *://www.bilibili.com/video/*。

提供一个清晰的配置区域，让我可以填入朋友的 Cookie 字符串。

处理跨域和可能的报错，确保页面不会崩溃。

输入这一段，AI 通常就能给你吐出一个大概的框架代码了。

🕵️‍♂️ 关于“抓包”和获取 Cookie

原文提到的“涉及抓包”，在开发阶段其实很简单。你不需要复杂的 Fiddler 或 Charles。

最笨但有效的方法：让你朋友在电脑上登录 B 站，打开浏览器开发者工具（F12） -> Application（应用） -> Cookies -> 找到 bilibili.com。把里面对应键值复制下来给你。
自动化思路：如果你想用 Agent 帮你操作浏览器去抓，那是属于 RPA（机器人流程自动化）的范畴了，通常通过 Puppeteer 或 Playwright 控制。但在 OpenCode 这种写代码的场景下，直接复制粘贴是最快的。

⚠️ 核心代码逻辑（避坑指南）

当你拿到 AI 生成的代码后，要注意一点：不要直接用 fetch 覆盖全局环境，那样很容易把页面搞崩。

推荐的实现方式是： 使用 GM_xmlhttpRequest（油猴专用 API）。因为普通的网页脚本受同源策略限制，很难去管跨域的流媒体请求，而 GM_xmlhttpRequest 拥有跨域能力，且能完全自定义 Headers。

// 伪代码示例
// ==UserScript==
// @name         B站画质“借用”小助手
// ...其他元数据
n// ==/UserScript==

(function() {
    'use strict';

// 这里粘贴朋友的 Cookie
    const TARGET_COOKIE = "你的好友Cookie字符串";

// 拦截逻辑通常需要 Hook 或者监听页面事件
    // 这里建议使用 GM_xmlhttpRequest 重新发起请求替换数据，或者 Hook window.fetch
    // 具体实现细节可以交给 AI 补全
})();

🚀 进阶思考：如何让 Agent 更聪明？

如果你想更进一步，让 AI 帮你自动调试，可以告诉它安装“浏览器交互”相关的 skill（如果平台支持）。例如，让 AI 执行一段 Open Browser 的脚本，它就能帮你打开本地浏览器，自动注入脚本并查看 Console 报错。这比你自己手动复制粘贴去调试要高效得多。

📝 总结

这个“白嫖”需求虽然听起来像搞破坏，但全流程走下来，你实际上学会了：

如何分析 Web 应用的请求逻辑。
如何利用 OpenCode 等 AI 工具快速生成脚本代码。
油猴插件的核心 API（如 GM_xmlhttpRequest）以及请求头篡改原理。

技术本身是中立的，学会这套思路，以后遇到任何想要“改造”的网页，无论是自动抢课、去广告还是数据抓取，都能举一反三。