javascript的调试方法

来源：互联网 2023-03-17 00:48:14 214

javascript简称JS,是网页的前端开发语言,直接运行在浏览器上,以前我刚开始学的时候,并不懂这个,所以我每次开发或调试它,都是在vs.net里面,现在想想,实在是太痛苦了,其实JS是执行在浏览器的,而不是执行在服务器的,所以根本没必要在网页开发软件里搞,直接在浏览器中即可调试

工具/原料

如果你用的是谷歌核心的浏览器,比如chrome,360浏览器,世界之窗CHROME版,那么你有福了,按一下F12,你的浏览器底部将会显示这个窗口

javascript的调试方法

请选择console,这里是控制台输出窗口,在这里你可以直接写JS代码,然后回车,你的代码会马上执行,你看到截图上的这些文字 ,其实是百度经验输出的,呵呵,不用管它

javascript的调试方法

我们输入这句代码

console.trace("大家好")

然后回车,不知道看这篇文章的,有多少人,做JS的第一句代码

这句代码的意思就是,在控制台输出"大家好"三个字,后面的是些系统内容,大家不用管它

用浏览器来测试代码,有多方便,不用我多说了吧

javascript的调试方法

现在说说用IE来测试JS代码,IE8版本以下的浏览器,不能即时执行代码,对学习效果不是很好,所以建议升级到至少IE8

好,我们打开IE,也是按F12,如果弹出的窗口是这样的,请按一下红框的减号,如果不是,跳过这一步

javascript的调试方法

此时的IE界面应该是这样的

javascript的调试方法

我们选择"控制台"

javascript的调试方法

7该信息非法爬取自百度经验

在此处输入JS代码回车即可运行

javascript的调试方法

由于IE不支持直接在控制台trace输出,我们输入document.write("大家好")来执行查看结果

javascript的调试方法

谷歌浏览器调试远比IE强大,建议大家尽量使用谷歌浏览器好一点,多行代码可以先在记事本写好再复制进去执行

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：javascript实现冒泡排序下一篇：浏览器禁用了javascript怎么办