|
|
PI_DEBUGGER
pi.debugger
pi.debugger is a web development tool that pi library contains. You can debug web applications with this tool.
pi.debugger has Console, HTML, CSS and DOM sections.
In Console section, you can run javascript commands and test your page. In HTML section, you can see detailed information about elements on page. CSS section lets you see the css codes used on the page. In DOM section you can check javascript objects easily.
console.log and console.dir
When Firebug is disabled, console.log and console.dir functions work for pi.debugger. When you use console.log command, value is printed on console. When you use console.dir command, the dom window opens up and you can examine the content of the object you sent in detail here.
Import Quickly
You have to import 'pi.debugger' into the page you will use. To do that quickly, you can call the file hosted on googlecode in this way:
<script type="text/javascript" src="http://pi-js.googlecode.com/files/debugger.js"></script>
This file contains pi library & pi.debugger application. pi.debugger calls another .css file by itself.
Importing From Address Bar
Execute this javascript commands on your browser's address bar:
javascript:document.body.appendChild(document.createElement("script")).setAttribute("src","http://pi-js.googlecode.com/files/debugger.js");
javascript:pi.dbgr.init();Importing The Source
If you want to host the files or have a look at the uncompressed version, you can download the source from downloads page.
Development
pi.debugger's codes are easy to read and understand. You can feel free to edit the source code. If you find any bugs or change anything, please let me know.Thank you.
Sign in to add a comment
You can use this code as a bookmarklet. Tested in FF2, IE6, IE7.
javascript:var%20s=document.createElement('script');s.setAttribute('src','http://pi-js.googlecode.com/files/debugger.js');document.getElementsByTagName('body')[0].appendChild(s);(function(){ if (typeof pi != 'undefined') pi.dbgr.init(); else setTimeout(arguments.callee,1000); })();void(s);Thank you very much!
it'd be nice if you added DOM manipulation as well (as provided by Jash).
can you add runtime completion like in http://yaegor.narod.ru/misc/tech/completest.html
This is a really exciting project! It has already helped me to solve some bugs. Thank you!!
this is the dogs bollocks is you have to do lots of cross-browser js.
used with jQuery the browser development environment suddenly feels the same across all the browsers on all platforms - totally cool.
across all the browsers on all platforms
'cept KHTML (safari/konqueror) and old ones of course.
;)
This is great tool but it is distributed with GPL 3 license, IANAL but latter requires extra thought about consequences of the tool usage (it should be used only with FREE programs), I think LGLPL is more appropriate for wider usage