MCPcopy Create free account
hub / github.com/Wscats/chrome-devtools-cli

github.com/Wscats/chrome-devtools-cli @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
164 symbols 258 edges 39 files 2 documented · 1% updated 5mo ago★ 44

Browse by type

Functions 132 Types & classes 32
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

开发

# 下载项目
git clone https://git.code.oa.com/tencent-doc/tencent-docs-devtools
# 进入项目目录
cd tencent-docs-devtools
# 安装依赖
npm install
# 调试
npm run watch
# 编译打包
npm run build

安装

将下载好的 tencent-docs-extension.zip 压缩文件解压,得到一个文件夹,里面内容如下。

  • tencent-docs-extension文件夹目录
    • dist
    • manifest.json
    • src
    • README.md

然后打开 Chrome 浏览器,点击右上角三个点,点击更多工具,选择扩展程序进入插件管理界面。

打开右上角的开发者模式,会在左边出现点击加载已解压的扩展程序,选取解压后的文件夹,并点击选择

如果出现面板出现Tencent Docs Dev Tools则证明安装成功。

然后打开你的需要调试的文档进行测试。

现在的界面会比较粗糙,比如当你打开文档后会在右下角出现一个红色背景的弹窗,里面会有错误弹窗的测试按钮,点击可运行测试,后续会变更到调试控制台里面。

Extension points exported contracts — how you extend this code

browse all types & interfaces →

Core symbols most depended-on inside this repo

browse all functions →

Shape

Function 79
Method 53
Class 20
Interface 12

Languages

TypeScript100%

Modules by API surface

src/__tests__/MediaStreamRecorder.js50 symbols
src/core/view/panel/ViewPanel/index.tsx26 symbols
src/core/view/panel/ViewPanel/component/SheetSearchTree.tsx16 symbols
src/core/background.ts12 symbols
src/core/view/panel/PastePanel/index.tsx8 symbols
src/core/view/panel/PastePanel/component/PasteList.tsx8 symbols
src/core/view/panel/ModelPanel/index.tsx8 symbols
src/core/view/panel/ViewPanel/component/TableSearchTree.tsx6 symbols
src/core/view/panel/panel.tsx5 symbols
src/core/panel.ts5 symbols
src/core/view/panel/DebugPanel/index.tsx4 symbols
src/core/view/panel/ViewPanel/component/ReloadTipModel.tsx3 symbols

For agents

$ claude mcp add chrome-devtools-cli \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page