您在计算机上的 Chrome 浏览器中安装的扩展只是一组执行预定义活动的源代码文件。 一些好奇的人可能想查看构建这些扩展的确切代码。 虽然在 Chrome 中查看网页的源代码就像右键单击页面并选择一个选项一样简单，但访问 Chrome 扩展程序的源代码并不那么容易。
但是，这不应阻止您查看扩展的源代码。 使用以下两种方法，您应该能够在计算机上查看 Chrome 扩展程序的源代码。
以下方法使用 Mac 进行演示。
在文件资源管理器中查看 Chrome 扩展程序的源代码
虽然您在 Chrome 中安装的扩展程序的文件保存在您的计算机上，但它们并不容易找到，因为它们的文件夹名称有些科学。 但是，使用下面的方法，您应该能够显示扩展源文件所在的文件夹。
1. 在您的计算机上打开 Chrome，然后键入 chrome://extensions 进入地址栏，然后按 Enter。 它将在浏览器中打开扩展列表。
2. 当扩展页面打开时，选择右上角标有“开发者模式”的框。 它应该让您在页面上看到有关扩展的更多详细信息。
3. 您现在应该能够看到屏幕上显示的扩展 ID。 您需要在此处做的是记下您希望查看其源代码文件的扩展程序的 ID。
在下面的示例中，我突出显示了“Adblock for Youtube”扩展的 ID。 我将在以下步骤中公开此扩展的源代码。
4. 现在您有了扩展程序的 ID，键入 chrome://version 进入浏览器的地址栏，然后按 Enter。 它应该可以帮助您找到扩展文件所在的文件夹。
5. 在 Chrome 版本页面上突出显示“配置文件路径”的值并将其复制到剪贴板。 它显示在以下屏幕截图中。
6. 打开 Finder（或操作系统的文件管理器）。 点击顶部的“Go”并选择“Go to Folder ...”，这样您就可以访问 Mac 上的扩展文件夹。
7. 将您复制到剪贴板的配置文件路径粘贴到“转到文件夹”面板上，然后单击“转到”以在 Finder 窗口中打开该文件夹。
8. 双击以下屏幕上的“扩展”文件夹，打开所有扩展可用的文件夹。
您将在这里看到许多文件夹，这些文件夹的名称有些令人困惑。 虽然这些文件夹是你在 Chrome 中安装的扩展程序的文件夹，但它们与扩展程序名称不同，因此很难找到你的扩展程序所在的文件夹。
现在查找与您在上述步骤之一中记下的扩展 ID 同名的文件夹。 那是您的扩展程序的文件夹。
9. 所有的扩展文件都应该在这个文件夹里，你可以用你喜欢的编辑器打开它们来查看它们的代码。
这就是您无需使用第三方工具即可查看 Chrome 扩展程序源代码的方式。 如果您不介意安装扩展，那么以下部分适合您。
使用扩展程序查看 Chrome 扩展程序的源代码
1. 在您的计算机上打开 Chrome，前往Chrome 扩展源代码查看器Chrome 网上应用店页面，然后点击“添加到 Chrome”。
2. 在以下屏幕上单击“添加扩展程序”。
3. 将扩展程序添加到浏览器后，在 Chrome 网上应用店打开扩展程序的页面，例如 Markdown 预览扩展程序页面。
页面加载后，单击 Chrome 扩展栏中的 CRX 图标，然后选择“查看源代码”。
4. 您应该能够在 Chrome 窗口中看到所选扩展程序的源代码。
结论
如果您想查看在浏览器中安装的扩展的源代码，上面的指南应该可以帮助您使用两种简单的方法来做到这一点。
图片来源：源代码谱号
订阅我们的新闻！
我们最新的教程直接发送到您的收件箱
注册所有时事通讯。
注册即表示您同意我们的隐私政策，欧洲用户同意数据传输政策。 我们不会共享您的数据，您可以随时取消订阅。
订阅
