Disable debugger instruction via browser

Question

I am trying to create a code snippet that has the debugger keyword in it. I use the debug window (IE, FF, Opera) to see CSS style effects, but the debugger stops every time the page is refreshed (as it should be).

Is it possible to switch or disable the debugger keyword through the browser (without removing it from my code) so that I can make the style I want without it, so that it bothers me every time I refresh the page?

 myApp.service('User', ['$localStorage', function ($localStorage) { debugger; this.$storage = $localStorage; }]); 

thanks

Debugger instruction

Answer 1

Now you can select "Never stop here" in the menu after right-clicking on the line number. This will prevent Chrome from pausing in the debugger statement.

Answer 2

You must remove the debugger if not in use. It should only be used in the lines of code that you are currently testing. There is no reason to have it in code unless you test the code immediately before or after the debugger.

Answer 3

f10 => to go through a step line

f8 => to switch to another debugger

you can see all styles on the Chrome performance tab without handling javascript issues.

chrome -> check (f12)> performance> reload