Bug 153101 – Web Inspector: Hangs when logging huge JSON object

• Status: RESOLVED
• Resolution: WORKSFORME
• Component: Web Inspector

[Saam Barati]

Created attachment 268983 [details]
sample

When logging a huge JSON string, the inspector will hang.
This happened when I logged a huge JSON string in the inspector itself.
When trying to inspect the inspector, it was hanging.

Attached is a sample of the process.

[Radar WebKit Bug Importer]

<rdar://problem/24192303>

[Joseph Pecoraro]

My initial thought would be regex searching if the string "looks like a stack trace".

[Nikita Vasilyev]

Saam, could you post a JSON string that causes the hang?
I can take a look at what's going on there.

[Joseph Pecoraro]

(In reply to comment #3)
> Saam, could you post a JSON string that causes the hang?
> I can take a look at what's going on there.

Hmm, I tried just a large, multiline JSON string and saw a lot of time spent in Layout, but not Regex matching =(:

    <script>
    var arr = [];
    for (var i = 0; i < 1e5; ++i)
        arr.push({something: i});
    console.log(JSON.stringify(arr, null, 2));
    </script>

So, I'm not quite sure. Maybe the output itself has to start matching a particular format.

[Saam Barati]

(In reply to comment #3)
> Saam, could you post a JSON string that causes the hang?
> I can take a look at what's going on there.

I'll try to reproduce again locally. I'll post
an update with my findings. Maybe this was only
materializing when inspecting the inspector?

[Timothy Hatcher]

This could have been fixed by Joe turning off color swatches for JS resources. It also could have been the hangs we were seeing due to a JSC JIT bug earlier this year.

Lets reopen or file a new bug if we hit this again. Nothing actionable right now.