需要获取HTML元素's布局信息，就像Firefox's调试器一样

Need to get HTML Element's Layout information just like Firefox's debugger

本文关键字：调试器 Firefox 一样就像布局获取 HTML 元素信息更新时间：2023-09-26

我有一个aspx.net网格控件，我正试图将网格控件的第一行信息复制到另一个表java脚本。我通过使用以下代码解析网格控件的第一行来获得每个单元格的宽度:

gridCtrl.rows [0] .cells [x]。clientWidth

其中x从1到最后一个单元格

但是由于某些原因，宽度与Firefox的布局宽度显示的宽度不匹配。

我试着调试Firefox调试器，并探索了所有的属性，看看我是否混合匹配margin, padding, width等，以获得Firefox的布局宽度显示的宽度。但到目前为止还没有。

我很想知道这个领域的专家是否能提供一些帮助。

我正在寻找类似于Firefox调试器提供的布局信息。我想要得到单独的元素，比如元素的边距，边框，内边距和元素的实际宽度。

[抱歉，因为这是我的第一篇文章，我不允许张贴照片，但如果你打开火狐浏览器，按F12，选择HTML/布局。你会看到我所说的布局信息]

任何帮助都是感激的。谢谢你,

我不能评论，所以我必须发一个回复:

我认为问题在于元素最初可能有一个宽度设置，比如50px，但它也可以根据其中的文本量进行调整。在这种情况下，您不应该获得呈现的维度，因为该维度因浏览器而异。

另一个问题是，如果元素有一个最小宽度和动态宽度基于视口的大小。在这种情况下，它也不能工作。

如果我是正确的，你的解决方案将是写一个JavaScript代码发送给你的信息。