Skip to content

Instantly share code, notes, and snippets.

@ibuziuk

ibuziuk/wip_debugger.adoc

Last active July 12, 2016 16:56
Show Gist options
  • Save ibuziuk/dac2d2701ab81be36ac98e8ad0f2d943 to your computer and use it in GitHub Desktop.
Save ibuziuk/dac2d2701ab81be36ac98e8ad0f2d943 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
wip_debugger.adoc

JSDT Front-end Debugger

How to implement Front-end Debugger support ?

There is an epic bugzilla for this task:

Basically, this^ issue can be devided into two major parts:

  • Debugger (Everyting that is connected with Web Inspector Protocol support / parsers / source mapping etc.)

  • Using Chrome / Chromium browser As Runtime - Bug 497765

The idea is to have smth. similar that has been already implemented for Node.js Debugger:

  • Add Chromium / Chrome Runtime similar to Node.js Runtime:

Node.js Runtime Preferences

  • Add launch shortcut (smth. like Debug Front-End) enabled on html files (file protocol) and Server Adapters (http / https)

  • Launch configuration should run Chrome / Chromium Runtime with --remote-debugging-port and 'www.example.com' (start page parameter) + launch WIP debugger for connecting to debug port

Potential problems

  • how to detect start url if server was launched without using server adapters (Node.js app / gulp / grunt)

Additional Information

  • JSDT Debugger slides by Denis Golovin - contains information about both Node.js (V8) and front-end (WIP) debuggers

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment