分享:在Javascript程序中查看变量 forin

Question

     通常在编写 脚本时，常常要查看变量的属性,因此就经常用到 for(var i in obj)...的方式来审查元素，后来渐渐自已写了一个经常用到的for(var i in ojb)函数,那时还不知道firefox 下的firebug....后来经过N次的修改.发现自已这个也挺不错的...
　　以前曾以tBug的文件名发表过,这几天又修正了一些错误.并改了文件名为 forin,
使用:
在head 标签内直接以<script type="text/javascript" src="xxxx.js"></script>的方式引用即可,之后页面左上角有一个灰色的小按钮出现,点开就行了.....在代码中同样可以使用 forin(obj) 来查看变量,但有一个限制是 只能在 加载 body 标签之中或之后使用 forin 函数
  文本框内输入表达式后直接按回车就行了,左边的左箭头按钮是返回上层,比如如果文本框 输入的是document.body,那么点左键头后,将返回到document属性: 
forin.useSort:Boolean 
是否对结果排序,默认为true,如果不想对查看结果排序则在输入框内输入 forin.useSort=false 即可函数:
forin(obj:*):void
以 for in 的方式对 obj 进行遍历,obj可以是任何参数(变量,表达式,正则,函数......)Note: 
因为在 forin 函数内部使用了正则表达式,因此 RegExp 的属性值不确定,因此请使用其它方式检测RegExp.lastIndex 或RegExp.rightContext ......之类的值 下载:
下载将下边代码输入浏览器地址栏,将在当前页面载入一个在线的 forin,当然这个方法在一些特殊页面下无显示javascript:void((function(url,head,script){head=document.getElementsByTagName('head')[0]||document.documentElement;script=document.createElement('script');if(window['forin']){return}script.src=url;script.onload=script.onreadystatechange=function(){if(!script.readyState||script.readyState=='loaded'||script.readyState=='complete'){window['forin']('[email protected]');script.onload=script.onreadystatechange=null;if(head&&script.parentNode){head.removeChild(script)}}};head.insertBefore(script,head.firstChild)})('http://www.1230735.com/js/forin_package.js'))示例:
    /*
   直接在文本框内输入 
*/
    window
    document
    Math.random()
   /ab.*?c/.exec('abcabcabc')
   document.body.style.background='#000'/*
   在代码中查看　MouseEvent.DOUBLE_CLICK 的属性,可以很容易就看到 event.x,event.screenX, event.type ..等值
注意: IE中 event 是全局属性,因此 通过点击 "链接" 而查看的属性结果不确定...比如(IE) 用鼠标点击 srcElement　---> [object Object] 链接,所得到的属性值不是所预期值,如果想查看 e.srcElement 变量,在函数内将 forin(e) 改为 forin(e.srcElement)
 */
   document.ondblclick=function(e){
         e = e || event;
         forin(e)
   }

Answer 1

把在线的载入的放code.google.com 上去了..复制下边代码贴浏览器地址栏就行了javascript:void((function(url,head,script){head=document.getElementsByTagName('head')[0]||document.documentElement;script=document.createElement('script');if(window['forin']){return}script.src=url;script.onload=script.onreadystatechange=function(){if(!script.readyState||script.readyState=='loaded'||script.readyState=='complete'){window['forin']('[email protected]');script.onload=script.onreadystatechange=null;if(head&&script.parentNode){head.removeChild(script)}}};head.insertBefore(script,head.firstChild)})('http://forin.googlecode.com/svn-history/r2/trunk/forin_package.js'))

Answer 2

Opera浏览器都内置这类功能。功能比这个强大多的多了。