如何进行html调试和js脚本调试

html-css015

如何进行html调试和js脚本调试,第1张

工具/原料

chrome浏览器   Mozilla firefox   电脑

方法/步骤

1、以chrome为例,首先打开需要调试的页面,按F12快捷键打开调试工具。

2、选择指定的dom节点进行查看和编辑。

3、js断点调试:chrome非常强大,在chrome调试工具栏中,你可以进行js断点调试以及格式化查看(一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲):我先写一段简单的js代码:function debug(){for (var i=0i<10i++){alert(i)}调试截图如下:

4、js ajax调试,ajax技术如今越来越频繁使用,所以,ajax调试也必不可少:在chrome调试工具中,可以查看到当前页面所以的请求,包括ajax请求,以下是页面打开后所有发起的请求。

解决方法:

在jetty的配置文件中配置一个虚拟路径,在Jetty安装目录 >etc目录 >jetty.xml修改下面的这段话.

如果是Tomcat的话,可以参考下面的:

把文件存放路径目录映射到tomcat中,方法如下:

1、找到tomcat的配置文件(\conf\server.xml)并打开。

2、在【host】与【/host】之间加入如下代码:【<Context path="/file"      docBase="E:\test" debug="0" reloadable="true"/>】其中:【path】就是映射的路径,【docBase】就是你的文件所在路径 。