[DAL]

Since looking through documents about the security concepts of hiding javascript code I found that it is impossible as the client side needs to have this code to run. Makes sense...

I am currently using Ajax to embed a lump of code into my page. The problem is that I need to debug this code and when I right-click view source in firefox 2 I cant see the code dump. The code shown is the original code before the Ajax kicks in. How do I view the latest source that the browser is working with?

Or is this now seen as a perfect security option for protecting your scripts?


Thanks
Dal

[Clueful]

Originally Posted by DAL

.

I am currently using Ajax to embed a lump of code into my page. The problem is that I need to debug this code and when I right-click view source in firefox 2 I cant see the code dump. The code shown is the original code before the Ajax kicks in. How do I view the latest source that the browser is working with?

You could copy the script block into a hidden textarea which you later display, or perhaps alert the innerHTML of the script block.

[TwoD]

If you install the Web Developer toolbar extension for FF, you can choose "Web Developer" -> "View Source" -> "View Generated Source" to see the source in it's current state. Web Developer also comes with DOM Inspector, giving you full access to every object and property live in the DOM.

You can also use the Firebug extension, which is awsome for debugging, to see the source and edit it live in a tree-like view, or as plain text. Firebug includes tons of useful other utilities, like a JavaScript debugger and traffic analyzer.

[DAL]

Clueful - Thanks for your response. I already thought about that but it would have been a little tricky. I kinda wanted the other question as to how you actually view the generated source code aswel. Thanks for taking the time to suggest it though.

TwoD - Thanks, just what I was looking for. Ill go check out Mozillas website now.