|
|
|
|
步骤 2 : 使用专业的调试工具 步骤 3 : 下载firefox 步骤 4 : 使用firefox 的调试功能 步骤 5 : console.log()
使用alert(1)进行调试，这是最开始的时候非常常用的一种手法来进行javascript代码调试，即使今天，也是比较有效的一种方式。
使用alert的思路： alert(1) 会弹出一个对话框，里面的内容是1。换句话说，如果弹出了1,这个位置以上的代码，都是可以运行的。 你不停的把alert(1)向下移动，当移动到某一行之后，就不再弹出，那么就证明那一行运行有问题。 这样就把问题的范围缩小了，就很容易通过肉眼观察法来定位真正问题所在。 <script>
x = 10;
//alert(1);
document.write("没有用var声明的变量x的值:"+x);
//alert(2);
</script>
<script>
x = 10;
//alert(1);
document.write("没有用var声明的变量x的值:"+x);
//alert(2);
</script>
不同的浏览器有不同的调试办法，本文以firefox为例来讲解如何调试
下载firefox 49.0，直接解压就可以使用了。
这里准备了一段故意写错的javascript代码。
点击快捷键F12，就会出现console页面。 console是控制台的意思，用于输出一些错误和调试信息。 注意： 虽然这段javascript代码有错误，但是第一次F12是看不到错误的，因为错误已经发生了，才打开了F12。 所以打开了F12之后，使用快捷键F5刷新一下当前页面，就可以看到控制台报出了错误的原因 document.write1 is not a function 这样定位问题就非常方便了。 这是一段故意写错的write方法的javascript代码
<script>
x = 10;
document.write1("这是一段故意写错的write方法的javascript代码");
</script>
这是一段故意写错的write方法的javascript代码
<script>
x = 10;
document.write1("这是一段故意写错的write方法的javascript代码");
</script>
类似于 alert进行调试， firebug有一个日志输出工具console.log().
不同于alert的缺点( 弹出屏幕，阻挡所有其他操作)，console.log() 只会把信息输出在console里，而不会影响用户的使用。 用户甚至意识不到console.log()的存在。 <script>
x = 10;
console.log("x="+x);
document.write("没有用var声明的变量x的值:"+x);
console.log("end");
</script>
<script>
x = 10;
console.log("x="+x);
document.write("没有用var声明的变量x的值:"+x);
console.log("end");
</script>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
问答区域
2022-03-10
学习的顺序好乱
2 个答案
lsq123456789 跳转到问题位置 答案时间：2024-04-23 确实，自己也可以尝试按照自己的学习顺序来，或者先可以尝试了解web设计的基本框架。
DLong 跳转到问题位置 答案时间：2022-03-27 如果你是初入门的话，建议你去b站看尚硅谷的js，站长这个个人感觉适合有点基础的，不然会一头雾水。
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2020-12-22
直接使用IDEA的调试功能
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2020-05-24
在mac里面调试
2017-06-17
console.log()没有显示值
2017-05-09
有没有safari浏览器下的调试方式，能简单介绍一下，或者指个方向
提问太多，页面渲染太慢，为了加快渲染速度，本页最多只显示几条提问。还有 3 条以前的提问，请 点击查看
提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
