Word wrap in Chrome Dev Tools?

google-chrome console google-chrome-devtools word-wrap
cfish picture cfish · Oct 27, 2012 · Viewed 16.5k times · Source

I cannot figure out how to get the HTML elements to wrap lines in Chrome dev tools. I'm working with some long and complicated SVG paths and I hate scrolling horizontally to check the other element attributes. Word wrap is checked under the settings area in chrome dev tools. Suggestions?

enter image description here

Answer

Leon Gaban picture Leon Gaban · Apr 26, 2013

Looks like there is no Word Wrap available for now :( and seems like people have been asking forever, I just posted my vote for word wrap too

https://code.google.com/p/chromium/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified&groupby=&sort=&id=73193

Edit: looks like it is a feature by default now (click on the three dots on the top right, then click on Settings):

enter image description here

Related questions

Colors in JavaScript console

Can Chrome's built-in JavaScript console display colors? I want errors in red, warnings in orange and console.log's in green. Is that possible?

Read More
Chrome console shows me "Navigated to http://localhost...."

Chrome console shows me "Navigated to http://localhost...." in blue letters Image:

Read More
When loading external data, console says: XHR finished loading

Is there a way to hide the "XHR finished loading" messages in the console?

Read More