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

Is there way to get computed metrics of pseudo elements in Safari web inspector?

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

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

更好解释的图片:

Chrome: 苹果浏览器:

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

您无法直接在 DOM 检查 window 中查看伪标记,但您可以在右栏的样式检查器 window 中查看伪样式。

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

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

根据变更日志,此问题已在 Safari 9.1 中得到解决。

HTML pseudo-elements are now visible in the DOM tree allowing for easier styling. The ::before element is highlighted in Figure 1.

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