Bug 241496 - Web Inspector: Detach tools tab as separate windows
Summary: Web Inspector: Detach tools tab as separate windows
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: Safari Technology Preview
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-06-09 17:10 PDT by Karl Dubost
Modified: 2022-06-28 12:38 PDT (History)
3 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.