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 | ||
Karl Dubost
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
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Razvan Caliman
Sounds like a great idea! The use case you mention is indeed very compelling: monitoring pages as they get mutated by JS at runtime.