#摘要
作为一名自媒体创作者，每天重复在多个平台手动发布视频的繁琐工作很麻烦，而且还要一个一个复制和粘贴上传内容。这次使用SOLO独立端在短时间内快速开发了一款浏览器扩展插件，支持一键将视频发布到抖音、快手、B站、小红书等6个主流平台，自动填充标题、描述和标签，让发布效率从原来的2小时缩短到20分钟。
#背景
我是一名自媒体内容创作者，同时也对编程感兴趣。每次制作完视频后，都需要在抖音、B站、小红书、视频号这几个平台分别上传，每个平台都要重复填写标题、描述、标签，然后上传视频，整个过程下来要花2小时左右，非常枯燥且浪费时间。之前就有这个想法，想写一个浏览器插件来自动化这个过程，但自己对浏览器扩展开发不是很熟悉，正好借助这次的全新SOLO，我决定用它来帮我完成这个项目。
#开发过程
一开始我也没谱
我当时就抱着试试的心态直接跟 SOLO的Coder说：“我想做一个浏览器插件，功能很简单，就是把视频的标题、描述、标签这些内容，一键自动填到不同平台的发布页面里，省得每次都复制粘贴，你能帮我把代码写出来吗？”
没想到它听完就直接上手了，完全不用我再额外解释需求。先是从最基础的配置文件开始，把 manifest.json 一步步写好，把插件权限、脚本路径这些都配置得明明白白。接着又做了 popup 界面，设计了简单的输入框和提交按钮，让我能直接粘贴内容。之后开始写 content script，专门用来定位各个平台发布页的输入框，把数据精准填进去。最后还补上了 background.js，处理后台通信、跨页面同步这些逻辑，从头到尾一气呵成，就像有个程序员在旁边实时敲代码一样。
测试的时候也挺搞笑的
插件写完之后，我迫不及待地开始测试。第一次用的时候，我填好标题、描述、标签，选了抖音和B站，点了"一键发布"。
然后就看见浏览器自动打开了抖音的发布页面，我正等着看它自动填内容呢，结果等了5秒钟，啥也没发生！
我赶紧跟 SOLO 说：“不行啊，打开页面了，但没填内容！”
SOLO 让我打开控制台看看报错信息，我一看，原来是页面还没加载完，content script 就开始执行了。SOLO 说："加个等待页面加载完成的逻辑吧。"然后就帮我加了个 window.onload 和 setTimeout 的双重保险，再试就成功了！
但是最终效果超出了我的预期 非常棒！！！看着标题、描述、标签一个个自动填进去，那种感觉真的太爽了！
#效率提升真的特别明显。
以前发一个视频，要挨个在六个平台操作，来来回回得折腾两个小时。现在用这个插件就省事多了，大部分步骤都是自动跑的，我只需要手动选好视频、点一下发布，二十分钟就能全部搞定。算下来差不多省了八成的时间，效率直接拉满。
#使用效果视频
#前端成品图
#插件设置页面
#历史发布纪录页面
项目结构
多平台发布插件/
├── icons/ # 图标文件夹
│ ├── README.md
│ ├── icon128.png # 128x128 图标
│ ├── icon16.png # 16x16 图标
│ └── icon48.png # 48x48 图标
├── styles/ # 样式文件夹
│ ├── history.css # 历史记录页样式
│ ├── options.css # 设置页样式
│ └── popup.css # 弹出页样式
├── background.js # 后台 Service Worker
├── content.css # 内容脚本样式
├── content.js # 内容脚本（自动填充）
├── history.html # 历史记录页面
├── history.js # 历史记录页逻辑
├── icon-generator.html # 图标生成器页面
├── inject.js # 注入脚本
├── manifest.json # 扩展配置文件
├── options.html # 设置页面
├── options.js # 设置页逻辑
├── popup.html # 主弹出页面
├── popup.js # 主弹出页逻辑
└── README.md # 项目说明文档
#这次用新SOLO 开发的真实感受
说真的，这是第一次写浏览器扩展插件，之前感觉写插件感觉要迭代好多内容，要学一堆东西才能上手。但这次用全新 Solo 的 Coder 模式之后，体验完全不一样了。我本身对浏览器扩展也就一知半解，根本不用从头系统学习，它会直接告诉我该怎么做，连代码都能帮我生成好，省心太多。从一个想法到插件真正能用，也就花了几个小时，而且它生成的代码注释很清晰，像我这种水平也能看懂，之后想自己改改功能、调点细节也完全敢上手。中间遇到 bug 也不用慌，直接跟它描述问题，很快就能定位到原因并解决，整个开发过程又顺畅又有成就感！非常爽！！！！！
