Setting breakpoints dynamically at runtime in Javascript

Both firebug and the built in console in webkit browsers make it possible to set breakpoints in running Javascript code, so you can debug it as you would with any other language.

What I'm wondering is if there is any way that I can instruct firebug or webkit that I'd like to set a breakpoint on line X in file Y at runtime, and to be able to examine variables in the specific scope that I have paused in.

I need something that can work in both Chrome (or any other webkit browser) and Firefox. For the latter Firebug is an acceptable dependency. Supporting IE is not a requirement.

I've been building an in-browser IDE ( quick video for the interested: ) and want to give it a bit more meat.

One thing I did try was just adding debugger; as an extra line where users set them, but this isn't really an ideal solution.


I'd say you can definitely do this for webkit browsers using the remote debugging protocol. This is based on a websocket connection and a json message protocol that goes back and forth.

You can read the announcement and the whole protocol schema.

Chrome also offers more information about this inside its remote developer-tools docs.

For the debugger domain, for instance, you can see how you can use Debugger.setBreakpoint, Debugger.setBreakpointByUrl and Debugger.setBreakpointsActive to work with breakpoints.

On the other hand, Mozilla also seems to be working on this as you can see in and though I don't know the completion status of it.

In this case, you can work with breakpoints using the Debugger.Script APIs setBreakPoint, getBreakPoint, getBreakpoints, clearBreakpoints and clearAllBreakpoints

I hope this helps you move forward.

Need Your Help

Hex To String in Java Performance is too slow

java android performance hex ascii

I have the following method for my android program, written in Java.

how can I open a sqlite file in ios for reading without copying to documents?

ios ipad cocoa-touch sqlite

I got an app I'm working on that uses static data from a sqlite database to do various things, While I only need read only access to the database, depending on the episode they pick from the first ...

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.