有没有办法在 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.
我主要使用 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.