Bug 241496

Summary:	Web Inspector: Detach tools tab as separate windows
Product:	WebKit	Reporter:	Karl Dubost <karlcow>
Component:	Web Inspector	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	inspector-bugzilla-changes, rcaliman, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	Safari Technology Preview
Hardware:	All
OS:	All

Description Karl Dubost 2022-06-09 17:10:50 PDT

When using the Web Inspector tools make it possible to detach the tool tab as a separate window.

Steps To Reproduce:
1. Go to a website
2. Open Web Inspector
3. Start Debugging for example in Sources tab with a step by step
4. Switch to the Elements tab to see a DOM modification
5. Switch back to Debugging, progress in the step by step
6. Switch back to Elements to see the effect
7. … and so on…

Results:
I would love to be able to just detach any tool tabs as a separate window so I can see in parallel what is happening. For example, watch the network request with the step by step debugging, see the DOM modifications, Storage modifications, etc. 

Regression:
N/A

Notes:
This doesn’t exist anywhere yet and would be wonderful in terms of developer tools usability. Specifically at a time where Many sites are having their DOM dynamically built when the JS is running. 

rdar://94684748

Comment 1 Razvan Caliman 2022-06-10 01:28:54 PDT

Sounds like a great idea! The use case you mention is indeed very compelling: monitoring pages as they get mutated by JS at runtime.