Google Chrome Version 29.0.1547.76 DevTools WTF

Inspect images above.
These images has src:

http://www.domain.com/a/b/c/d/e/f/g/h/i/j/k/l/m/n/o/o/q/r/s/t/u/v/w/x/y/z/1/2/3/4/5/6/7/8/9/10/11/12/13/14/
http://www.domain.com/a/b/c/d/e/f/g/h/i/j/k/l/m/n/o/o/q/r/s/t/u/v/w/x/y/z/1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16/17/18/19/20/21/22/23/24/25/26/27/28/29
but Google Chrome Version 29.0.1547.76 DevTools displays it as:
http://www.domain.com/a/b/c/d/e/f/g/h/i/j/k/l/m/n/o/o/qr/s/t/u/v/w/x/y/z/1/2/3/4/5/6/7/8/9/10/11/12/13/14/
http://www.domain.com/a/b/c/d/e/f/g/h/i/j/k/l/m/n/o/o/q11/12/13/14/15/16/17/18/19/20/21/22/23/24/25/26/27/28/29

Info

It looks like that links bigger than 106 characters are "shorten" in DevTools.
Links bigger than 150 characters are also "shorten" in DOM - see below.

Editing element on Elements tab

Clicking on element to edit image src does display this "shorten" link as well, so you cant simply copy it.

What's worse

It appears that Chrome applies this "shortening" everywhere in DevTools.
Check your console for test output or try it yourself by typing this into console:

document.getElementById('img2').src
First image's src is returned correctly (its not long enough):
http://www.domain.com/a/b/c/d/e/f/g/h/i/j/k/l/m/n/o/o/q/r/s/t/u/v/w/x/y/z/1/2/3/4/5/6/7/8/9/10/11/12/13/14/
however the second image's src is "shorten":
http://www.domain.com/a/b/c/d/e/f/g/h/i/j/k/l/m/n/o/o/q/r/s/t/u/v/w/x/y/z/1/3/4/5/6/7/8/9/10/11/12/13/14/15/16/17/18/19/20/21/22/23/24/25/26/27/28/29

What works

Rigth click on the element in Elements tab, and selecting "Copy as HTML" returns:

<img id="img1" src="http://www.domain.com/a/b/c/d/e/f/g/h/i/j/k/l/m/n/o/o/q/r/s/t/u/v/w/x/y/z/1/2/3/4/5/6/7/8/9/10/11/12/13/14/">
<img id="img2" src="http://www.domain.com/a/b/c/d/e/f/g/h/i/j/k/l/m/n/o/o/q/r/s/t/u/v/w/x/y/z/1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16/17/18/19/20/21/22/23/24/25/26/27/28/29">
Also alerting the src seems to work.
The real DOM seems to be working corectly. Confirmed by searching for "shortener" character in image's src:
document.getElementById('img2').src.indexOf('…')

Final test

Things what works above also works on super long src.

Additional DevTools WTFs

DevTools renders "&amp;" as "&". Just inspect the second ampersand and than open and read the source of this page.

Conclusion

These issues makes Chrome DevTools less usefull and mostly confusing tool.

.gondo