Bug 150114 - Web Inspector: [Meta] Improve debugging of preprocessed JS
Summary: Web Inspector: [Meta] Improve debugging of preprocessed JS
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
Keywords: InRadar
Depends on: 142123 150009 150010
  Show dependency treegraph
Reported: 2015-10-13 22:13 PDT by Nikita Vasilyev
Modified: 2016-12-13 15:34 PST (History)
2 users (show)

See Also:

[Image] Web Inspector vs Chrome DevTools (1023.48 KB, image/png)
2015-10-13 22:13 PDT, Nikita Vasilyev
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Nikita Vasilyev 2015-10-13 22:13:54 PDT
Created attachment 263058 [details]
[Image] Web Inspector vs Chrome DevTools

I've tried to debug React.js examples from https://facebook.github.io/react/downloads.html. It was problematic for many of them:

I hosted the examples on GitHub pages: http://nv.github.io/webkit-inspector-bugs/react-0.14.0/examples/


WebKit Inspector:
  – Can’t set breakpoints in example.js.
  – When Inspector was opened after the page load, example.js isn’t showed in the resources. When Inspector was opened during the page load, example.js appears twice in the list.

Chrome DevTools:
  — Works fine.


WebKit Inspector:
  — Can’t set breakpoints on the text/babel inline scripts (which was converted to JS by Babel, e.g. "browser.min.js").

Chrome DevTools:
  — The preprocessed inline scripts available as “embedded” virtual resources.
Comment 1 Radar WebKit Bug Importer 2015-10-13 22:14:16 PDT