title: How to step through line by line when debugging JavaScript with Opera Dragonfly?
body: <p>I'm a long-time user of Opera as a browser for general usage and due to various annoyances with Firefox I decided to give <a href="http://www.opera.com/dragonfly/" rel="nofollow noreferrer">Dragonfly</a> a look. The first thing that has jumped out at me is when debugging JavaScript I can't seem to just step through my script line by line.</p>
  
  <p>I'm using ASP.NET and my script is just a button click event. When I place my breakpoint on the first line of the function and click the button the breakpoint is hit as expected. It's here that I am confused. Dragonfly's window has four buttons on the top left - Continue, Step Into, Step Over and Step Out. If I click Step Over or hit F10 I am expecting that the debugger will step through the JavaScript just like Firebug but instead it seems to immediately skip over the rest of the function altogether. The same thing happens if I click Continue or hit F8. If I click Step Into or hit F11 I start descending into the jQuery JavaScript which is obiously not what I want!</p>
  
  <p>Am I just missing something fundamental here? I'm using Opera 11.52 if it helps.</p>
  
  <p>Just to add more information on the environment I'm working in, Here is a screenshot of my button click event with a breakpoint set on line 14. Execution pauses as expected when I click the button in the browser.</p>
  
  <p><img src="https://i.stack.imgur.com/bcPDb.png" alt="enter image description here"></p>
  
  <p>Now, I would expect that some keypress exists to simply bring me to line #15. In Firebug and the IE Dev Tools that keypress is F10. In Dragonfly though F10 seems to just skip the rest of the JavaScript code. The same applies to Shift+F11. F11 by itself brings me to this part of jquery.js which, as mentioned before, is not where I want to be.</p>
  
  <p><img src="https://i.stack.imgur.com/949qF.png" alt="enter image description here"></p>