MCPcopy Index your code
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%
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

Window (Interface)
(no doc)
src/core/inject.ts
State (Interface)
(no doc)
src/core/view/panel/ModelPanel/index.tsx
State (Interface)
(no doc)
src/core/view/panel/PastePanel/index.tsx
Props (Interface)
(no doc)
src/core/view/panel/PastePanel/index.tsx
State (Interface)
(no doc)
src/core/view/panel/PastePanel/component/PasteList.tsx

Core symbols most depended-on inside this repo

trace
called by 7
src/core/background.ts
listen
called by 6
src/core/panel.ts
debug
called by 5
src/core/view/panel/ViewPanel/index.tsx
num2letter
called by 3
src/core/view/panel/ViewPanel/component/SheetSearchTree.tsx
getCookie
called by 2
src/core/view/panel/ViewPanel/index.tsx
startRecording
called by 1
src/core/background.ts
stopRecording
called by 1
src/core/background.ts
send
called by 1
src/core/panel.ts

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