How to show full content of <style> element in devTools?

Viewed 547

When I am inspecting elements there are styles applied which are generated by webpack dev server and pasted in <style> elements. But when I try to inspect how those styles look like I am getting just partial content of that element.

How could I see the whole content?

I tried to find it in "view page source", but those style elements are added dynamically so they are not present in page source.

enter image description here

1 Answers

Only option I found so far is to click on style element, so it is selected. In console, let print content to console $0.innerHTML. $0 is reference to latest marked html element in Elements tab.

Related