【发布时间】：2013-10-28 12:53:39
【问题描述】：
在Chrome的inspect元素中，我们可以看到任意元素的box-model：
是否有任何来自 Chrome 的 api，我可以使用它在页面本身的盒子模型上方显示？
【问题讨论】：
标签： javascript css google-chrome google-chrome-devtools
【发布时间】：2013-10-28 12:53:39
【问题描述】：
Chrome没有直接暴露inspector元素，但是你可以找到生成框的代码：https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/devtools/front_end/MetricsSidebarPane.js&l=137
（这会手动生成所需的元素）
该函数中使用的样式来自window.getComputedStyle
【讨论】：
-
我检查过了，函数的参数是'style'，但我不知道它可能是什么？该页面也没有提及任何相关内容。能举个小例子就好了！
-
@avi 它来自
WebInspector.cssModel.getComputedStyleAsync(node.id, callback.bind(this));，它似乎引用了本机函数code.google.com/p/chromium/codesearch#chromium/src/third_party/…（它也出现在计算window.getComputedStyle的管道中），所以我假设你可以从那个函数