How to maintain JavaScript breakpoints while developing a Rails application?

Question

I'm working on a JavaScript function in a Rails 5 application on my localhost, so I open the Chrome debugger tools and add a breakpoint to the application.js file:

Now I make a change to the JS file and reload the page, and the breakpoint is gone from the Chrome debugger tools:

Presumably this is because Rails has changed the UID that it appends to the name of the application.js file (http://localhost:3000/assets/application.self-22a4471f17f42....js?body=1) and Chrome can't maintain the breakpoint.

Is there a setting in Rails to avoid this during development?

thanks, I didn't know that was an option - I've always used breakpoints in the browser's dev tools. If you want to put that as an answer I'll accept it. — Stephen Lead
– Stephen Lead, Commented May 28, 2018 at 19:52
Only cos I'd never come across it before - the Debugging Rails page only talks about using byebug for Ruby code — Stephen Lead
– Stephen Lead, Commented May 28, 2018 at 20:06
byebug provides ruby equivalent for javacript's debugger functionality. I'd like to think the concept was taken from javascript, I could be wrong. :P — Kumar
– Kumar, Commented May 28, 2018 at 20:09

Kumar · Accepted Answer · 2018-05-28 20:01:44Z

1

You can use debugger in your javascript code to create breakpoints.

Example:

function youFunction() {
  debugger;
  // do your magic
}

Also to address another thing, I think you can set precompilation of assets to false, if that's not an issue for you, in your config/environments/development.rb file.

Please take a look at all possible options here: http://guides.rubyonrails.org/configuring.html#configuring-assets

answered May 28, 2018 at 20:01

Kumar

3,1262 gold badges19 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to maintain JavaScript breakpoints while developing a Rails application?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related