欢迎光临
我们一直在努力

调试js用的对象属性显示器(原创)

建站超值云服务器,限时71元/月

/*
ftiger 对象属性显示器
做用:显示浏览器对象,很多对象可能你听都没有听说过,对于调试js时无法找到对象有帮助。
使用:请将这个文件存为show_objec.js
            在你要调试的页面中加上<script src="show_objec.js"></script>
            要查对象时请用 alt+o呼出查看界面
支持:目前只支持ie
参考:http://51js.1000box.net/51js-baoku/baoku/0142.htm (对象属性显示器 [木木鱼] )
注意:在页面中使用了document.onkeydown事件,如你的页面也使用这个事件,请注意

*/

document.write ("<div id=div_showwidowdobject name=div_showwidowdobject style=position:absolute;display:none>test</div>")
//
function showwidowdobjectstart()
    {var yy=100,xx=100;
     var ie=document.all?1:0;
     var nc=document.layers?1:0;

     var yy=0;
     var xx=0;
     var s_line="<tr bgcolor=#777777><td colspan=4 height=1></td></tr>";
     var s_vling="<td width=1 bgcolor=#777777></td>"
     if (ie)
        {yy=document.body.clientheight;
         xx=document.body.clientwidth;
         div_showwidowdobject.style.top=(yy/2-150)+document.body.scrolltop;
         div_showwidowdobject.style.left=xx/2-300;
        };
      
      str_out=("<table width=600 border=0 cellspacing=0 cellpadding=0 bgcolor=#eeeeee height=300><form method=post name=form_showwidowdobject onsubmit=get_showwidowdobject();return false>"
      +s_line
      +"<tr>"+s_vling+"<td bgcolor=#eeeeee style=font-size:9.5pt colspan=2> ftiger流览器对象查看器<td align=right style=font-size:9.5pt;cursor: hand; onclick=showwidowdobjectclose()>关闭</td>"+s_vling+"</tr>"
      +s_line
      +"<tr>"+s_vling+"<td style=font-size:9.5pt>当前对象:<input type=text name=text_showwidowdobject size=40> </td>"
      +"<td align=right  onclick=showwidowdobjectback() style=font-size:9.5pt;cursor: hand;><font face=webdings  style=font-size:13pt>7</font></td><td align=right onclick=get_showwidowdobject() style=font-size:9.5pt;cursor: hand; width=50>查看</td>"
      +s_vling+"</tr>"
      +s_line
      +"<tr>"+s_vling+"<td colspan=3 height=100%  valign=top style=font-size:9.5pt;><div id=div_showwidowdobject_out name=div_showwidowdobject_out style=font-size:9.5pt;width:100%; height:100%; overflow:auto;></div></td>"
      +s_vling+"</tr></form>"
      +s_line
      +"</table>");
      div_showwidowdobject.innerhtml=str_out;
      
    }
    function showwidowdobjectclose()
        { document.all.div_showwidowdobject.style.display    ="none"
        }
    function showwidowdobjectback()
        {    str_ob=document.form_showwidowdobject.text_showwidowdobject.value    
            var i_end=str_ob.lastindexof(".")
             str_ob=str_ob.substr(0,i_end)
             get_showwidowdobject(str_ob)
        }
    function get_showwidowdobject(id)
        {str_obj=id?id:document.form_showwidowdobject.text_showwidowdobject.value;
         str_obj=(str_obj==""?"window":str_obj)
         try{
            eval("var obj="+(str_obj==""?"window":str_obj)+";");
            }
        catch(e){
            alert("输入错误,对象不存在,请重新输入!");
            document.form_showwidowdobject.text_showwidowdobject.value="";
            document.form_showwidowdobject.text_showwidowdobject.select();
            return(false);
                }
            document.form_showwidowdobject.text_showwidowdobject.value=     str_obj
        var j=0;
        var str_result="<table bgcolor=#000000 width=80% align=center border=0 cellspacing=1 cellpadding=3>";
        for (var i in obj)
            {j++;
             str_result+="<tr bgcolor=#ffffff style=font-size:9.5pt>"
            str_result+="<td>"+j+"</td>"
            str_result+="<td style=cursor: hand; onclick=get_showwidowdobject(\""+str_obj+"."+i+"\")>"+i+"</td>"
            if ((""+i=="outerhtml")||(""+i=="innerhtml"))
                {str_result+="<td><textarea name= rows=5 cols=30 name= >"+(""+obj[i])+"</textarea>"}    
                else
                {str_result+="<td>"+obj[i]+""}
            }
        obj=null
        str_result="对象:"+str_obj+ "<br>属性:"+j+"个"+str_result+"</table>"
        show_showwidowdobject(str_result)
        
        }

    function show_showwidowdobject (s_html)
        {div_showwidowdobject_out.innerhtml=s_html
        
        }
    function showwidowdobjectopen ()
        { var keycord=event.keycode
            //alert (keycord)
           if (event.altkey && keycord=="79")
            {
               document.all.div_showwidowdobject.style.display="block";
                showwidowdobjectstart();}
        }
    document.onkeydown=showwidowdobjectopen

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 调试js用的对象属性显示器(原创)
分享到: 更多 (0)

相关推荐

  • 暂无文章