Preview in Chrome Dev Tools network panel is URL encoded [closed]

Question

I'am trying debug with dd() in laravel application, but in preview in network of my http request I'm getting this output:

%3Cscript%3E%20Sfdump%20%3D%20window.Sfdump%20%7C%7C%20(function%20(doc)%20%7B%20doc.documentElement.classList.add('sf-js-enabled')%3B%20var%20rxEsc%20%3D%20%2F(%5B.*%2B%3F%5E%24%7B%7D()%7C%5C%5B%5C%5D%5C%2F%5C%5C%5D)%2Fg%2C%20idRx%20%3D%20%2F%5Cbsf-dump-%5Cd%2B-ref%5B012%5D%5Cw%2B%5Cb%2F%2C%20keyHint%20%3D%200%20%3C%3D%20navigator.platform.toUpperCase().indexOf('MAC')%20%3F%20'Cmd'%20%3A%20'Ctrl'%2C%20addEventListener%20%3D%20function%20(e%2C%20n%2C%20cb)%20%7B%20e.addEventListener(n%2C%20cb%2C%20false)%3B%20%7D%3B%20if%20(!doc.addEventListener)%20%7B%20addEventListener%20%3D%20function%20(element%2C%20eventName%2C%20callback)%20%7B%20element.attachEvent('on'%20%2B%20eventName%2C%20function%20(e)%20%7B%20e.preventDefault%20%3D%20function%20()%20%7Be.returnValue%20%3D%20false%3B%7D%3B%20e.target%20%3D%20e.srcElement%3B%20callback(e)%3B%20%7D)%3B%20%7D%3B%20%7D%20function%20toggle(a%2C%20recursive)%20%7B%20var%20s%20%3D%20a.nextSibling%20%7C%7C%20%7B%7D%2C%20oldClass%20%3D%20s.className%2C%20arrow%2C%20newClass%3B%20if%20(%2F%5Cbsf-dump-...

Instead of the expected output:

<script> Sfdump = window.Sfdump || (function (doc) { doc.documentElement.classList.add('sf-js-enabled'); var rxEsc = /([.*+?^${}()|\\[\\]\\/\\\\])/g, idRx = /\\bsf-dump-\\d+-ref[012]\\w+\\b/, keyHint = 0 <= navigator.platform.toUpperCase().indexOf('MAC') ? 'Cmd' : 'Ctrl', addEventListener = function (e, n, cb) { e.addEventListener(n, cb, false); }; if (!doc.addEventListener) { addEventListener = function (element, eventName, callback) { element.attachEvent('on' + eventName, function (e) { e.preventDefault = function () {e.returnValue = false;}; e.target = e.srcElement; callback(e); }); }; } function toggle(a, recursive) { var s = a.nextSibling || {}, oldClass = s.className, arrow, newClass; if (/\\bsf-dump-...```

It worked prior to a Chrome update; is this a browser bug?

Answer 1

New Chrome update recently changed the parsing/behavior of the preview tab, so it no longer parses the dd() output into human-readable text anymore, which sucks.

I found this post as I ran into this issue myself just now.

We'll probably a see a lot of posts on this soon, and then hopefully find a solution.

Also, checking the time you posted this, the update happened yesterday at around the time of posting this, so that's definitely why.