We help IT Professionals succeed at work.

Using firebug and trying to find the roor causes of these firebug errors

percivalevans
on
Using firebug and trying to find the root causes of these firebug errors. Some clues on learning how to find out answers like these in the future would be king! Newbie to troubleshooting with firebug. I'm trying to get my website to these api's on google.

//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
//ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js
//ajax.googleapis.com/ajax/libs/mootools/1.1.2/mootools-yui-compressed.js

They are placed in these customer tags for my framework Fry as such;

<html:script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" />
<html:script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js" />
<html:script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.1.2/mootools-yui-compressed.js" />

Examples of errors found in firebugs:
1. reference to undefined property fbs.breakpoints[url]
resource://firebug/firebug-service.js
Line 3356

2. reference to undefined property fbs.breakOnDebugCall
resource://firebug/firebug-service.js
Line 3523

3. reference to undefined property a[c]
http://www.google-analytics.com/ga.js
Line 11
Comment
Watch Question

Armand GSenior Developer
BRONZE EXPERT

Commented:
Use chromebug for chrome instead of firebug. Right now there are some issues for using the firebug on chrome. If you want to use firebug for chrome then use the firebug lite. Better yet use the chromebug for chrome. You can download chromebug at this location: http://getfirebug.com/releases/chromebug/
I'm not sure if it's an issue, but you seem to be missing the language component.  This is the proper way to add that type of reference (that I know works):

<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Author

Commented:
Thanks but I found what is the real issue I'm having.
If you use IE developer tools, I found that the the internal .js files are being loaded before the google api posted above. I need to tun the loading sequence around. The google api must load first before any other js files on the website. So, how do you control the loading sequence of multiple js files on a page?
Just put them in order from what you want to load first at the top down the list.

They work the same as CSS files, whatever is listed last is loaded last and can override anything before it.  So if you have conflicting javascript and need to troubleshoot, comment out the bottom one and move your way up until you find the offending script.
Armand GSenior Developer
BRONZE EXPERT

Commented:
"So, how do you control the loading sequence of multiple js files on a page?"

There is no such thing as being able to control the loading sequence of multiple js files on a browser. These can be loaded from the coded html side and not from the browser side.

Author

Commented:
That worked

Explore More ContentExplore courses, solutions, and other research materials related to this topic.