Google chrome devtools 如何显示<；风格>；开发工具中的元素？

当我检查元素时，会应用由webpack dev server生成并粘贴在

元素中的样式。但是，当我试图检查这些样式的外观时，我得到的只是该元素的部分内容

我怎么能看到全部内容

我试图在“查看页面源代码”中找到它，但这些样式元素是动态添加的，所以它们不存在于页面源代码中

---

到目前为止，我找到的唯一选项是单击样式元素，因此它被选中。在控制台中，让我们将内容打印到控制台

$0.innerHTML

<代码>$0是对“元素”选项卡中最新标记html元素的引用。

有人应该打开一个错误报告，建议他们在内容可编辑模式下使用CodeMirror，这样就可以编辑大文本而不会出现问题。即使在某个点（按“加载完整内容”后）也会被切断。。有什么解决办法吗？对我来说已经足够了，我还没有其他的解决办法。找到时请分享，谢谢：）