边做边学：致力于 ImprovedTube

# Web 开发# JavaScript# 开源

你好！

这篇博客是关于我希望如何通过参与 ImprovedTube（一个著名的浏览器扩展程序，可以增强您在 YouTube 上的体验）来开始学习浏览器扩展程序的心理笔记。

  • 在 Chrome 上安装 ImprovedTube
  • 在 Firefox 上安装 ImprovedTube

    • 我一直想更多地了解浏览器扩展，但从未有机会这样做。幸运的是，我目前正在学习的其中一门课程 - 2024 年开源主题，为我提供了一个从事我真正感兴趣的项目的机会。对我来说，现在就是浏览器扩展开发。

    我选择浏览器扩展开发是因为我想使用和完善我现有的与 Web 开发相关的技能（即 HTML、JavaScript 和 CSS 知识）。就我所知，浏览器扩展让我能够利用迄今为止在 Web 开发方面积累的所有技能，但并不一定迫使我自己构建整个 Web 应用程序或网页。根据我的经验，我发现我使用的大多数扩展程序（例如广告拦截器或亮模式/暗模式扩展程序）实际上都会调整的内容。通过研究操纵的扩展程序，我希望通过直接控制它们提供的一些元素来更多地了解 YouTube 等网站的结构。

    我特别喜欢 ImprovedTube，因为它让我可以自定义我在 YouTube 上的体验 - 我每天都会用到它。如果我在 ImprovedTube 上工作并且我的更改被接受，我会感到非常有成就感。

    我学习扩展的总体计划

    正如我在之前的一篇博客中提到的，我最初打算仔细阅读 Mozilla 关于跨浏览器开发的文档。但是，我从未真正开始做他们的具体示例。相反，我开始研究 Chrome 指南中的一些示例：

    扩展程序 / 开始使用 | Chrome 开发者版

    Chrome 扩展程序入门的所有基础知识

    你可以看到我在这里做了一些笔记：

    my-notes

    我不会深入研究细节，我计划通读本文档并亲身体验其工作原理。到目前为止，浏览器扩展开发对我来说最棒的一点是，我从对浏览器扩展代码所做的更改中获益匪浅。我计划完成 Chrome 文档中“入门”部分的其余部分，同时不断回顾 ImprovedTube 的代码，看看他们如何在自己的扩展中运用这些概念。

    我认为在 ImprovedTube 上解决这些问题会很有帮助

    在撰写本文时，我一直在处理这个特定的拉取请求，旨在隐藏 YouTube 视频和视频卡上出现的链接。在处理完这个问题后（尽管它还没有被接受），我认为我已经大致了解了需要修改哪些文件才能看到所需的更改。

    我认为我能处理的特定问题系列是有关 YouTube 上用户不想看到的内容的任何问题。

    事实上，我可能会询问维护人员是否愿意让我为他们编写一些文档，以便新的开源贡献者可以更轻松地自己添加这样的功能。

    结论

    我还有很多关于浏览器扩展和 ImprovedTube 的知识需要学习，但我会尝试通过 来更多地了解这两者。

    这就是我要讲的内容了，下次再见！