Html 在Safari web inspector中,是否有方法获得伪元素的计算度量?

Html 在Safari web inspector中,是否有方法获得伪元素的计算度量?,html,css,safari,pseudo-element,web-inspector,Html,Css,Safari,Pseudo Element,Web Inspector,我主要使用Chrome开发者工具来调试html/css/js,但现在我需要调试Chrome和Safari中伪元素的不同呈现 在Safari中,我找不到一种方法来获取:before伪元素的计算度量(或任何计算的css属性) 更好的解释图片: 铬: 游猎: 我错过什么了吗?选项,switch.?您不能直接在DOM检查窗口中查看伪标记,但可以在右侧列的样式检查窗口中查看伪样式 下面是我的一个应用程序的示例。抱歉,没有将图像直接嵌入到答案中;我显然需要10个代表点来发布图像: 根据changelog,

我主要使用Chrome开发者工具来调试html/css/js,但现在我需要调试Chrome和Safari中伪元素的不同呈现

在Safari中,我找不到一种方法来获取:before伪元素的计算度量(或任何计算的css属性)

更好的解释图片:

铬: 游猎:


我错过什么了吗?选项,switch.?

您不能直接在DOM检查窗口中查看伪标记,但可以在右侧列的样式检查窗口中查看伪样式

下面是我的一个应用程序的示例。抱歉,没有将图像直接嵌入到答案中;我显然需要10个代表点来发布图像:


根据changelog,这个问题已经在Safari 9.1中解决了

HTML伪元素现在在DOM树中可见,从而简化了样式设置。图1中突出显示了::before元素


来源:

谢谢,但这并没有回答我的问题:如何获得该元素的计算指标。例如,如果我使用“width:inherit”或“left:10%”,我希望看到什么是精确的计算度量(以确保伪元素从我想要的元素继承属性,或者它是否按照我想要的相对位置)。