文件名称：d3-panel:直接在 Chrome DevTools 面板中绘制数据
文件大小：1.38MB
文件格式：ZIP
更新时间：2024-07-24 01:16:00
JavaScript
d3-面板 直接在 Chrome DevTools 面板中绘制数据 这是一个 Chrome 扩展，它使用库（为了方便起见，还有一些实用程序包装器）创建新的 DevTools 面板“d3-panel”。 然后，您可以从浏览器控制台发送要绘制和浏览的数据。 例如，如果您正在调试页面并在变量中有一系列数字，则可以绘制条形图。 您可以使用window.postMessage(data, '*');将数据发送到 d3 面板window.postMessage(data, '*'); 命令或通过运行代码片段 。 阅读如何使用代码片段。 安装 开发商 使用git clone git@github.com:bahmutov/d3-panel.git这个 repo 打开 Chrome 扩展页面chrome://extensions 使用开发者模式从src文件夹加载解压的扩展。 您应该会看到类似于下图
【文件预览】：
d3-panel-master
----.jshintrc(2KB)
----.gitignore(129B)
----images()
--------install-extension.png(112KB)
--------bar-chart.png(130KB)
----package.json(1KB)
----src()
--------devtools.js(2KB)
--------icons()
--------panel()
--------content-script()
--------devtools.html(100B)
--------d3-panel-api-code-snippet.js(813B)
--------manifest.json(701B)
--------background.js(1KB)
----.travis.yml(121B)
----Gruntfile.js(5KB)
----build.config.js(375B)
----utils()
--------pack-extension.sh(359B)
----README.md(4KB)
----d3-panel.png(335KB)
----test()
--------index.html(498B)
--------index-no-d3-snippet.html(467B)