【CodeBuddy 】从0到1，让网页导航栏变为摸鱼神器

【CodeBuddy 】从0到1，让网页导航栏变为摸鱼神器

我正在参加CodeBuddy「首席试玩官」内容创作大赛，本文所使用的 CodeBuddy 免费下载链接：腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴

我想要设计一个谷歌插件，实现下面的功能：

• 极简无痕：小说内容自动嵌入网页导航栏，视觉低调，随时隐藏/显示，摸鱼不留痕迹。
• 内容自定义：支持直接编辑、粘贴、上传TXT小说，随心所欲换内容。
• 速度可调：滚动速度自由调节，适应不同阅读节奏。
• 本地存储：所有小说内容和设置均保存在本地，隐私安全。
• 交互友好：支持拖动暂停、按钮恢复滚动、双击隐藏，体验流畅。

环境准备——下载CodeBuddy

打开网站

（1）打开网站：腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴，点击免费使用

插件市场

（2）点击前往 JetBrains IDEs 插件市场，在跳转的页面点击Get，为Pycharm进行安装。

安装

（3）安装完成后，在Pycharm中打开“腾讯云代码助手”面板（通常位于IDE的右侧或底部），然后使用您的腾讯云账号进行登录。登录成功后，您将看到如下所示的CodeBuddy界面。

CodeBuddy实战

直接对它提我们要开发的要求，请按照用户故事和注意点帮我开发谷歌插件：

作品：“摸鱼小说栏” —— MoyuNovelBar
目的：设计一个插件，让网站导航栏变为自动轮播小说，让摸鱼变得简单 
优势：把小说“植入”没人能想到的导航栏

注意： 
1.使用manifest v3版本开发 
2.注意中文编码问题

# 任务 
请按照用户故事和目的帮我开发谷歌插件 并且为这个起一个名字

在输入初始指令后，它就开始思考问题

直接开始设计，全部点击接收

在过程中，它还注意到：在Windows PowerShell中，mkdir -p 命令的语法与Linux不同。在PowerShell中，我应该使用不同的方式创建嵌套目录。让我修正这个命令。

效果

• 打开Chrome浏览器，进入扩展管理页面（chrome://extensions/）。
• 开启“开发者模式”。
• 点击“加载已解压的扩展程序”，选择本项目文件夹。

导入小说

• 点击浏览器右上角插件图标，打开控制面板。
• 可直接编辑小说内容，或上传TXT文件，或粘贴文本。
• 点击“保存”或“导入TXT”按钮。

开始摸鱼阅读

• 小说栏会自动出现在网页导航栏下方，内容自动滚动。
• 可通过滑块调节滚动速度，适应个人阅读习惯。

交互操作

• 暂停/恢复：点击小说栏右侧按钮可暂停/恢复滚动。
• 拖动：按住小说栏内容可拖动暂停，松开后可继续。
• 隐藏/显示：双击小说栏可隐藏/显示，随时切换。
• 清空/恢复默认：在控制面板中可一键清空或恢复默认内容。

总结

在本次项目中，我借助腾讯云代码助手 CodeBuddy 成功开发了一款名为“摸鱼小说栏”（MoyuNovelBar）的谷歌浏览器插件。这款插件的核心功能是将小说内容嵌入网页导航栏，以极简无痕的方式让用户在浏览网页时能够轻松阅读小说，同时具备内容自定义、速度调节、本地存储和友好交互等特性。

开发过程中，CodeBuddy 为我提供了强大的支持。它不仅能够快速生成代码框架，还能根据我的需求自动补全代码片段并提供智能提示，极大地提高了开发效率。尤其是在处理复杂的逻辑和交互功能时，CodeBuddy 的智能体 Craft 能够自主完成多文件代码生成和改写，让我能够专注于创意和功能设计，而无需在繁琐的代码细节上耗费过多精力。

此外，CodeBuddy 的工程理解智能体 Plus 功能也让我印象深刻。它能够辅助理解项目工程，提供精准的代码建议和解决方案，帮助我更好地优化代码结构和性能。在开发过程中，我还利用了 CodeBuddy 的代码补全 Plus 功能，基于上下文理解以及编辑行为预测下一个改动点，进一步提升了编码效率。

在未来，我将继续探索CodeBuddy的更多功能，并将其应用于更多有趣和实用的项目中。我相信，随着AI技术的不断发展，CodeBuddy会变得更加智能和强大，能够为开发者提供更全面、更高效的支持。同时，我也希望腾讯云能够持续优化CodeBuddy的功能，例如进一步提升代码生成的准确性和效率，增加更多编程语言的支持，以及提供更丰富的智能问答内容。

如果你也有类似的创意或开发需求，我强烈推荐尝试使用CodeBuddy。它不仅能帮助你快速实现想法，还能提升你的开发效率和代码质量。让我们一起借助CodeBuddy的力量，开启AI时代的智能编程之旅，将更多的创意转化为现实！