<HTML><HEAD>
<META content="MSHTML 6.00.2900.3199" name=GENERATOR></HEAD>
<BODY>
<P align=center><FONT color=#000000 size=5><STRONG>JavaScript debug tool使用说明</STRONG></FONT></P>
<P align=left><FONT color=#000000 size=4>1.解压<a href="http://mail.google.com/mail/?realattid=file0&attid=0.1&disp=safe&view=att&th=115f11c6ad26b779">JSDebug.zip</a>,到任意目录，比如：D:\tools\JSDebug</FONT></P>
<P align=left><FONT color=#000000 size=4>2.支持两种Debug模式. (1)inner.内嵌式 (2)popup.弹出式</FONT><FONT color=#ff0000><FONT color=#ff0000></P>
<DIV style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; MARGIN: 1px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 6px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee"><FONT size=3><SPAN style="COLOR: #008000"><!--Add the following one lines of code to your html document--> </SPAN><BR><<SPAN style="COLOR: #808000"><SPAN style="COLOR: #0000ff">SCRIPT</SPAN> <SPAN style="COLOR: #0000ff">language</SPAN>=javascript src=</SPAN><SPAN style="COLOR: #ff00ff">"debugPopup.file"</SPAN><SPAN style="COLOR: #808000"></SPAN>><<SPAN style="COLOR: #808000">/<SPAN style="COLOR: #0000ff">script</SPAN></SPAN>> </FONT></DIV>
<DIV style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; MARGIN: 1px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 6px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee"><FONT size=3><SPAN style="COLOR: #008000"><!--Add the following one lines of code to your html document--> </SPAN><BR><<SPAN style="COLOR: #808000"><SPAN style="COLOR: #0000ff">SCRIPT</SPAN> <SPAN style="COLOR: #0000ff">language</SPAN>=javascript src=</SPAN><SPAN style="COLOR: #ff00ff">"debugInner.file"</SPAN><SPAN style="COLOR: #808000"></SPAN>><<SPAN style="COLOR: #808000">/<SPAN style="COLOR: #0000ff">script</SPAN></SPAN>> </FONT></DIV>
</FONT></FONT>
<P><FONT size=4>选择上面的一行代码，加入到您的HTML、JSP、ASP等等中，其中SRC属性即可以设定为绝对路径，也可以设定为相对路径。效果图如下:</FONT>
</P>
<IMG alt="" src="inner.PNG" align=baseline border=1><br>
<IMG alt="" src="popup.PNG" align=baseline border=1>
<P><FONT size=4>3.测试代码如下：</FONT></P>
<DIV style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; MARGIN: 1px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 6px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee"><FONT size=3><SPAN style="COLOR: #008000"><!--TEST begin--> </SPAN><BR><<SPAN style="COLOR: #808000"><SPAN style="COLOR: #0000ff">script</SPAN></SPAN>> <BR> <SPAN style="COLOR: #0000ff">function</SPAN> test(){ <BR> <SPAN style="COLOR: #0000ff">var</SPAN> head = document.getElementsByTagName(<SPAN style="COLOR: #ff00ff">'HEAD'</SPAN>).item(0); <BR> debugInfo(<SPAN style="COLOR: #0000ff">null</SPAN>,<SPAN style="COLOR: #ff00ff">"red"</SPAN>);<SPAN style="COLOR: #008000">//null </SPAN><BR> debugInfo(1/3,<SPAN style="COLOR: #ff00ff">"red"</SPAN>);<SPAN style="COLOR: #008000">//number </SPAN><BR> debugInfo(1==2,<SPAN style="COLOR: #ff00ff">"red"</SPAN>);<SPAN style="COLOR: #008000">//boolean </SPAN><BR> debugInfo(test,<SPAN style="COLOR: #ff00ff">"blue"</SPAN>);<SPAN style="COLOR: #008000">//function </SPAN><BR> debugInfo(<SPAN style="COLOR: #ff00ff">"hello world!"</SPAN>,<SPAN style="COLOR: #ff00ff">"red"</SPAN>);<SPAN style="COLOR: #008000">//string </SPAN><BR> debugInfo(head);<SPAN style="COLOR: #008000">//object </SPAN><BR> debugInfo(head.innerHTML,<SPAN style="COLOR: #ff00ff">"red"</SPAN>); <BR> } <BR><<SPAN style="COLOR: #808000">/<SPAN style="COLOR: #0000ff">script</SPAN></SPAN>> <BR><<SPAN style="COLOR: #808000"><SPAN style="COLOR: #0000ff">input</SPAN> type=</SPAN><SPAN style="COLOR: #ff00ff">"button"</SPAN><SPAN style="COLOR: #808000"> value=</SPAN><SPAN style="COLOR: #ff00ff">"TEST"</SPAN><SPAN style="COLOR: #808000"> onclick=</SPAN><SPAN style="COLOR: #ff00ff">"test()"</SPAN><SPAN style="COLOR: #808000"></SPAN>> <BR><SPAN style="COLOR: #008000"><!--TEST end--></DIV></SPAN></font></BODY></HTML>
javascript debug tool
需积分: 3 144 浏览量
2007-10-31
22:27:37
上传
评论
收藏 157KB RAR 举报
JSDebug.rar （58个子文件） 
css 
debug.file 432B ext-all.file 57KB debugInnerRelease.htm 566B
help.html 5KB
inner.PNG 16KB debugInner.file 6KB images default shadow-c.png 182B layout 
stuck.gif 92B panel-title-light-bg.gif 835B ns-expand.gif 843B collapse.gif 842B panel-title-bg.gif 838B panel-close.gif 829B ns-collapse.gif 842B tab-close-on.gif 880B stick.gif 874B expand.gif 842B gradient-bg.gif 1KB tab-close.gif 859B basic-dialog btn-sprite.gif 1KB collapse.gif 865B close.gif 893B e-handle.gif 995B progress.gif 19KB Thumbs.db 14KB hd-sprite.gif 1KB btn-arrow.gif 870B expand.gif 884B progress2.gif 14KB se-handle.gif 833B s-handle.gif 992B shadow-lr.png 135B s.gif 43B shadow.png 311B gradient-bg.gif 1KB sizer e-handle-dark.gif 1KB square.gif 864B ne-handle.gif 854B s-handle-dark.gif 1KB e-handle.gif 2KB sw-handle.gif 855B ne-handle-dark.gif 839B sw-handle-dark.gif 839B se-handle-dark.gif 838B Thumbs.db 14KB nw-handle.gif 853B nw-handle-dark.gif 839B se-handle.gif 853B s-handle.gif 1KB tabs tab-btm-left-bg.gif 877B tab-btm-inactive-right-bg.gif 2KB tab-btm-right-bg.gif 2KB tab-sprite.gif 3KB Thumbs.db 8KB tab-btm-inactive-left-bg.gif 875B debugPopup.file 182KB debugPopupRelease.htm 568B popup.PNG 24KB资源评论
jzshmyt
- 粉丝: 52
- 资源: 10
