有没有办法在Safari Web检查器中获取伪元素的计算指标？

Question

我主要使用Chrome开发人员工具来调试html / css / js，但现在我需要在Chrome和Safari中调试不同的伪元素渲染。

我无法找到一种获取计算机指标（或任何计算的css属性）的方法：在Safari中使用伪元素之前。

图片有更好的解释：

铬： 苹果浏览器：

我错过了什么吗？选项，切换..？

Answer 1

根据更改日志，Safari 9.1中已解决此问题。

  

现在可以在DOM树中看到HTML伪元素，从而可以更轻松地进行样式设置。 :: before元素在图1中突出显示。

来源：https://developer.apple.com/library/prerelease/mac/releasenotes/General/WhatsNewInSafari/Articles/Safari_9_1.html

Answer 2

您无法直接在DOM检查窗口中查看伪标记，但可以在右侧列的样式检查器窗口中查看伪样式。

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

https://www.dropbox.com/s/kf6i85d9kvarxzs/safari_screenshot.jpg?dl=0