适用于Chrome检查元素的Javascript API

时间:2013-10-25 06:36:38

标签: javascript css google-chrome google-chrome-devtools

在Chrome的inspect元素中,我们可以看到任何元素的盒子模型:

enter image description here

是否有任何来自Chrome的api,我可以在页面内显示盒式模型?

1 个答案:

答案 0 :(得分:0)

Chrome不会直接显示检查器元素,但您可以找到生成该框的代码:https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/devtools/front_end/MetricsSidebarPane.js&l=137

(这会手动生成所需的元素)

该功能使用的样式来自window.getComputedStyle