Nodejs 快速查看依赖包 A Chrome extension for github

在Node.js项目中，快速查看依赖包及其相关信息通常可以通过命令行工具如npm list或yarn list来实现。不过，如果你希望在浏览GitHub仓库时也能快速查看依赖包信息，可以考虑使用Chrome扩展。虽然没有一个官方的扩展专门用于此目的，但你可以通过一些技巧和方法来实现类似功能。

以下是一个简单的思路，利用GitHub的API和自定义Chrome扩展来展示依赖包信息：

1. GitHub API：GitHub提供了REST API，可以用来获取仓库的依赖信息（如package.json文件内容）。

2. Chrome扩展：你可以编写一个简单的Chrome扩展，通过GitHub API获取并展示依赖包信息。

以下是一个简化的示例代码，展示如何在Chrome扩展中使用GitHub API获取package.json：

// manifest.json
{
  "manifest_version": 3,
  "name": "GitHub Dependencies Viewer",
  "version": "1.0",
  "permissions": ["activeTab", "scripting"],
  "background": {
    "service_worker": "background.js"
  },
  "action": {
    "default_popup": "popup.html",
    "default_icon": {
      "16": "icons/icon16.png",
      "48": "icons/icon48.png",
      "128": "icons/icon128.png"
    }
  }
}

// background.js (简化示例，未包含完整API调用和DOM操作)
chrome.action.onClicked.addListener(() => {
  const url = new URL(window.location.href);
  const repo = url.pathname.split('/').slice(1, 3).join('/');
  fetch(`https://api.github.com/repos/${repo}/contents/package.json`)
    .then(response => response.json())
    .then(data => console.log(data)); // 在这里处理并展示数据
});

注意：这只是一个起点，实际实现需要更多细节处理，如错误处理、UI展示等。