OBS浏览器源样式注入的完美解决方案

背景 在 OBS 中使用浏览器源加载网页(如弹幕姬、通知栏等)时,常常遇到样式无法自定义的问题。尝试通过注入 CSS 或使用 JS 动态控制,效果并不理想。即使搭建了本地代理服务器,也会因为资源加载顺序、CSP 限制、动态 CSS 插入等问题导致失败。 为了解决这个问题,我找到了一个名为 forward 的工具。它允许通过 --overwrite 参数,精确覆盖页面加载过程中的任意资源文件,从而实现对页面样式的控制。 更重要的是,forward 提供了适用于 Windows 的二进制可执行文件,无需安装 Go 环境,直接下载即可使用。 初始尝试 最初,我尝试使用 Node.js 编写一个代理服务器,注入自定义样式。代码如下: const express = require('express'); const app = express(); app.use('/', async (req, res) => { const url = 'https://目标地址.com' + req.originalUrl; const method = req.method; const headers = { ...req.headers, host: undefined }; const proxyRes = await fetch(url, { method, headers, body: ['GET', 'HEAD'].includes(method) ? undefined : req }); let contentType = proxyRes....

2025/04/14 · 2 分钟 · 227 字 · Pectics