• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 440
  • Last Modified:

Debugging javascript in IE11 and firefox and chrome

Hello

I normally use firefox but when i open the developer tools window to investigate a webpage it stops my webpage working and i have to close the browser and run the page again. The page runs fine when the browser is reopened but I cant simply close the tools windows and open another tab and run the page again. Ive never come across this before. It is happening on multiple machines so it isnt the Firefox installation. Its really frustrating as firefox is normally good for debugging.

The same website works fine on Chrome and IE - I can open F12 run a page, then rerun it and not have to close the browser.

Also can you edit inline javascript in chrome developer tools. I have seen you can edit js files but not inline code. Is that still the case. I have seen this workaround for chrome
http://blog.greatrexpectations.com/2014/01/22/chrome-dev-tools-inline-dynamic-javascript/

Is it possible to change javascript interactively in IE11 developer tools? I cant see a way in the debugger or console of F12.

Thanks in advance
0
andieje
Asked:
andieje
  • 4
  • 3
  • 2
  • +1
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
I almost never have a browser specific problem with javascript.  And I almost never edit javascript 'inline' because I will need a permanent fix to any problems I find.  You need to give us a link to the page with the problem for us to help you.
0
 
RobOwner (Aidellio)Commented:
Have you considered a bookmarklet? http://en.wikipedia.org/wiki/Bookmarklet
Just wrap the javascript code into a button on the toolbar that your users can press.

No, you can't edit any javascript on the fly.  If you're developing locally you can edit on the fly and save but you have to reload the page to have it work.

As for firefox, you may want to consider the firebug extension http://getfirebug.com/
0
 
andiejeAuthor Commented:
I am using a bookmarklet already and firebug and firequery for jquery. I'll have a look at the bookmarklet  you suggest. It may be better than the current one

My current installation of firefox is stopping the pages running when the developer window is open. I have no idea why. I use xampp so I cant post the page but i could try a jfiddle. I was just wondering if anyone had come across this before
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
Steve BinkCommented:
I started using Google Chrome because Firefox+Firebug became unstable.  I would hit the same kind of issues constantly.  Between that and Firefox's low performance, I was forced to switch.  :(  That was about a year ago.  I have not had any issues like that with Chrome.
0
 
RobOwner (Aidellio)Commented:
Ditto Steve. I keep trying to go back to Firefox and it keeps failing me. Sticking with chrome and opera.
0
 
Steve BinkCommented:
>>> I keep trying to go back to Firefox and it keeps failing me

I just tried it again last week, and it felt like wading through tapioca.  Damn shame, really...
0
 
Dave BaldwinFixer of ProblemsCommented:
While you may have problems with Firefox, the asker hasn't really given us enough info to help him with his problem.
0
 
andiejeAuthor Commented:
The main question in summary is why firefox pages stop working correctly , when the developer tools have been opened , almost every time I have to close the browser and reopen .
Comments taken  on board about inline javascript
0
 
RobOwner (Aidellio)Commented:
I'd say you'd have to ask Mozilla that question.  Sounds like a bug, however when you say the page stops working, what exactly happens?  Does the page crash and the crash reporter initiated?  Does it just lock up?

What is your javascript doing?  

If you can get a jsbin/jsfiddle exhibiting the same behaviour then it would save having to answer all our questions.
0
 
andiejeAuthor Commented:
All the informaton i can offer is that if i am working on a page in firefox and open the developer tools window the web page, whatever webpage, stops work. The jquery in the page no longer works and i have to close the browser and open it again

It happens on every page. There doesnt have to be an error for it to happen, it just happens. I dont know what more information  i can give you. I am using firefox 34 and have firebug and firequery installed. I do not know if this happened before i installed firequery as that is the only change i have made to firefox recently. It also happens to my friend who is on version 34.

It seems to happen mostly when i am using a select2 box using ajax. I will find a page but i dont know how to simulate an ajax call
0
 
RobOwner (Aidellio)Commented:
Then it sounds like one of your plugins causing you issues.

If you start Firefox in safe mode (https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode) do you get the same issue when opening the dev tools?
0

Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

  • 4
  • 3
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now