Finding cross-browser issues

[Christopher Nelson]

I've been developing a little web page full of JavaScript while using
Firefox and it works well but when I try to view it in Opera and IE,
it's incomplete. I suspect cross-browser issues in the DOM but how do
you *find* them; neither Opera nor IE seem to have a JavaScript
console as Firefox does. Am I missing something?

[Martin Honnen]

Christopher Nelson wrote:

I've been developing a little web page full of JavaScript while using
Firefox and it works well but when I try to view it in Opera and IE,
it's incomplete. I suspect cross-browser issues in the DOM but how do
you *find* them; neither Opera nor IE seem to have a JavaScript
console as Firefox does. Am I missing something?

Opera 8 has a console, I think named JavaScript console, Opera 9 has a
console named Error console. For IE you can enabled error display, it
will pop up a dialog window then for displaying an error.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Christopher Nelson]

On Feb 23, 11:04 am, Martin Honnen <mahotr...@yaho o.dewrote:

Christopher Nelson wrote:

I've been developing a little web page full of JavaScript while using
Firefox and it works well but when I try to view it in Opera and IE,
it's incomplete. I suspect cross-browser issues in the DOM but how do
you *find* them; neither Opera nor IE seem to have a JavaScript
console as Firefox does. Am I missing something?

Opera 8 has a console, I think named JavaScript console, Opera 9 has a
console named Error console. For IE you can enabled error display, it
will pop up a dialog window then for displaying an error.

With the name in hand, I found the Opera Error Console. Thanks.

I also found the IE Script Debugger but glacial doesn't do justice to
it's lack of performance!

[Erwin Moller]

Christopher Nelson wrote:

On Feb 23, 11:04 am, Martin Honnen <mahotr...@yaho o.dewrote:

>Christopher Nelson wrote:

I've been developing a little web page full of JavaScript while using
Firefox and it works well but when I try to view it in Opera and IE,
it's incomplete. I suspect cross-browser issues in the DOM but how do
you *find* them; neither Opera nor IE seem to have a JavaScript
console as Firefox does. Am I missing something?

Opera 8 has a console, I think named JavaScript console, Opera 9 has a
console named Error console. For IE you can enabled error display, it
will pop up a dialog window then for displaying an error.

With the name in hand, I found the Opera Error Console. Thanks.

I also found the IE Script Debugger but glacial doesn't do justice to
it's lack of performance!

which is just one of the many reasons why serious webdevelopers use FF
during development and test afterwards in IE, and not vise versa.
Don't wait any longer, join the winners. ;-)
When you are at it, be sure to install an add-on named 'web developer' in
FF.
I have version 1.1.3 now (maybe newer exists).
It makes your life a lot easier. You can view/edit cookies. You can view
real HTTP headers, you can validate your CSS/HTML/etc with 1 click, get all
information you want about forms, javascript, etc etc etc.
Really a lifesaver.

Regards,
Erwin Moller

[Duncan Booth]

"Christophe r Nelson" <cn*****@nycap. rr.comwrote:

I also found the IE Script Debugger but glacial doesn't do justice to
it's lack of performance!

If you have Microsoft Office installed then use the debugger in that:
it's much better than IE script debugger. Open the debugger from Word or
Excel with Alt-Shift-F11 then go to Tools/Options and under debugger
enable 'Attach to programs in this machine' and 'Just-in-time
debugging'. Once you've done that restart IE and when you open the
script debugger you should get the 'Microsoft Development Environment'.

Other useful things to make debugging IE almost bearable:

Install the IE "web developer toolbar".
http://www.microsoft.com/downloads/d...displaylang=en

Install IE7 on your machine and then put IE6 in a Virtual PC image: see
http://blogs.msdn.com/ie/archive/200...e-machine.aspx

[dd]

On Feb 23, 5:28 pm, Erwin Moller

which is just one of the many reasons why serious webdevelopers use FF
during development and test afterwards in IE, and not vise versa.

There's no better way of debugging browser JavaScript
than with Microsoft Visual Studio .NET which directly
integrates into IE. Firebug is catching up quickly and
will overtake it in 2007 I have no doubt. Right now
though, VS.NET is the best, that's why really serious
web developers use it ;-)

If you ever find Venkman during a web search for JS
debuggers, close the browser quickly and run. Run fast!

[Evertjan.]

dd wrote on 24 feb 2007 in comp.lang.javas cript:

On Feb 23, 5:28 pm, Erwin Moller

>which is just one of the many reasons why serious webdevelopers use FF
during development and test afterwards in IE, and not vise versa.

There's no better way of debugging browser JavaScript
than with Microsoft Visual Studio .NET which directly
integrates into IE. Firebug is catching up quickly and
will overtake it in 2007 I have no doubt. Right now
though, VS.NET is the best, that's why really serious
web developers use it ;-)

There's no better way of debugging clientside JavaScript
than using common sense
and using [sometimes conditional] alert()-breakpoints,
if you not only want to have running code,
but also want to learn from your mistakes.

If that task seems to large,
use a more modular approach to coding and debug seperate modules.

If you ever find Venkman during a web search for JS
debuggers, close the browser quickly and run. Run fast!

Same comment.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[Rick Brandt]

dd wrote:

On Feb 23, 5:28 pm, Erwin Moller

which is just one of the many reasons why serious webdevelopers use
FF during development and test afterwards in IE, and not vise versa.

There's no better way of debugging browser JavaScript
than with Microsoft Visual Studio .NET which directly
integrates into IE. Firebug is catching up quickly and
will overtake it in 2007 I have no doubt. Right now
though, VS.NET is the best, that's why really serious
web developers use it ;-)

If you ever find Venkman during a web search for JS
debuggers, close the browser quickly and run. Run fast!

With Firebug in FF I can see all the js files and put break points wherever I
want before I run any actions. How does one do that with IE an Visual Studio?
So far I have only seen how to make IE break on errors or "next action".
Neither of which is always helpful.

Once I have visual studio up at a break there seems to be no way to just let the
code continue and then set other break points so you can run the same procedure
again. As soon as you tell it to stop debugging the script is unloaded and you
are left staring at a blank window.

If IE and Visual Studio provide "superior" debugging they are at least not very
intuitive as to how it all is supposed to work.

[beholdthepanda]

On Feb 23, 10:03 am, "Christophe r Nelson" <cnel...@nycap. rr.com>
wrote:

I've been developing a little web page full of JavaScript while using
Firefox and it works well but when I try to view it in Opera and IE,
it's incomplete. I suspect cross-browser issues in the DOM but how do
you *find* them; neither Opera nor IE seem to have a JavaScript
console as Firefox does. Am I missing something?

Two other tools I've made heavy use of (for IE debugging) are:

Fiddler (http://www.fiddlertool.com/fiddler/) - Which is a http proxy
and allows you to
monitor http messages comming into and out of your machine. You get a
well presented and
sortable list of requests and responces your browser is making/
recieving.

and

Instant Source (pay http://www.blazingtools.com/is.html) - Instant
Source prety reliably shows
you what files(css and JS) are being used used on a page and those
files' contents. Another neat
feature is the ability to view HTML in 'original' vs 'current' state.
In other words, you can see
what the HTML looks like after DHTML JavaScript has had its way with
the page. These are pretty cool
features that I often use firebug and View Formatted Source (https://
addons.mozilla. org/firefox/697/)
when debugging with FF.

-Stephen

[Duncan Booth]

"Rick Brandt" <ri*********@ho tmail.comwrote:

With Firebug in FF I can see all the js files and put break points
wherever I want before I run any actions. How does one do that with
IE an Visual Studio? So far I have only seen how to make IE break on
errors or "next action". Neither of which is always helpful.

The following is for 'Microsoft Development Environment' although
Microsoft's other debuggers are similar:

In IE: View/Script Debugger/Open
Then in the debugger: View/Debug Windows/Running Documents to get a list of
files containing javascript. Find the line where you want a breakpoint and
hit F9 or right click and select 'Insert Breakpoint'.

>
Once I have visual studio up at a break there seems to be no way to
just let the code continue and then set other break points so you can
run the same procedure again. As soon as you tell it to stop
debugging the script is unloaded and you are left staring at a blank
window.

If you hit a breakpoint then use the 'step into', 'step over' 'step out'
and 'continue' commands. If you got into the debugger as a result of a
javascript error then you cannot continue from the line with the error so
use 'set next statement' to move to another line and continue from there.