如何在 devTools 中显示 <style> 元素的全部内容？答案

【问题标题】：How to show full content of <style> element in devTools?如何在 devTools 中显示 <style> 元素的全部内容？
【发布时间】：2021-02-03 22:41:44
【问题描述】：

当我检查元素时，应用了一些样式，这些样式由 webpack 开发服务器生成并粘贴到 <style> 元素中。但是，当我尝试检查这些样式的外观时，我只得到了该元素的部分内容。

我怎样才能看到全部内容？

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

【问题讨论】：

【解决方案1】：

到目前为止，我发现的唯一选项是单击样式元素，因此它被选中。在控制台中，让打印内容到控制台$0.innerHTML。 $0 引用元素选项卡中最新标记的 html 元素。

【讨论】：