有没有办法检查伪代码内容的字符实体？

问题描述

我们的网站使用（几种）图标字体在网站上显示图标。我们通常使用伪内容来执行此操作：

return Container(
  child: Stack(
    children: <Widget>[
      Positioned.fill(
       child: Align(
        alignment: Alignment.centerLeft,child: _buildSign(),),Positioned.fill(
       child:Align(
        alignment: Alignment.centerRight,],);

我经常需要弄清楚该图标使用了哪些字符代码，但由于我们的很多 CSS 都是作为单独的库完全单独预编译的，因此在我们的文件中进行挖掘会变得很混乱。

我希望能够在浏览器的 DevTools 中选择伪元素并让它显示它是什么字符代码。

然而，当在 chrome 中使用 DevTools 时，它总是显示一个空的内容字符串和/或一个空白框。在源代码树中，我会看到：

span:before {
    content: "\e934"
}

以及我将看到的样式：

::before == $0

无论如何，是否可以通过 devtools 追溯到在该实例中使用的实际实体代码？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

css-content google-chrome-devtools