title: How in chrome/firefox devtool see big style content
body: <p>I am working on a website that a script is loading a big chunk of style in the HTML. my problem is the chrome dev tools don't let me view the full script. it's also not available in the resource tab and all chrome is doing is putting three dots while trimming the content. is there any way to view it in the dev tool? even if I copy the style content, it's trimmed version.</p>
  <p><a href="https://i.stack.imgur.com/RxMuZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RxMuZ.png" alt="enter image description here" /></a></p>
  <p>the same content in the firefox doesn't even load as something readable.</p>
  <p><a href="https://i.stack.imgur.com/Vt5hE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Vt5hE.png" alt="enter image description here" /></a></p>
  <p>and I have to copy the content and reformat to see the result. wonder if there is any better way to do this?</p>