在不同浏览器中调试javaScript代码(二)
2017-03-03 20:23
316 查看
二、浏览器自带调试工具
Opera, Safari 和Chrome,IE厂家都提供自家的web调试工具,这里我们以Chrome浏览器为例,讲解Chrome浏览器自带的调试工具。
打开Chrome浏览器。,打开调试工具。打开调试工具的办法如下图所示,当然了,也可以按下快捷键F12来打开调试工具。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/14/402ff066ee72c319736ee62f98d65cef)
打开开发者工具,页面显示如下图所示:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/14/3c9c725e45d4c789c530c3b50f9328e7)
选中Console,界面如下图
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/14/baae1ab68600303a23e049e1ecb9410c)
在Console的空白处就可以输入javaScript调试代码,举个例子老说:这里我们输入alert(123);。点击enter键,调试代码就会执行。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/14/253bdd8781754b4f9266f23fb4d4301b)
就会弹出一个对话框。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/14/16ba9bf864936d200c107a294500f434)
根据项目的需求就可以在这里输入对应调试代码
Opera, Safari 和Chrome,IE厂家都提供自家的web调试工具,这里我们以Chrome浏览器为例,讲解Chrome浏览器自带的调试工具。
打开Chrome浏览器。,打开调试工具。打开调试工具的办法如下图所示,当然了,也可以按下快捷键F12来打开调试工具。
打开开发者工具,页面显示如下图所示:
选中Console,界面如下图
在Console的空白处就可以输入javaScript调试代码,举个例子老说:这里我们输入alert(123);。点击enter键,调试代码就会执行。
就会弹出一个对话框。
根据项目的需求就可以在这里输入对应调试代码
相关文章推荐
- 在不同浏览器中调试javaScript代码(一)
- 在不同浏览器中调试javaScript代码(三)
- 在不同浏览器中调试javaScript代码(三)
- 在不同浏览器中调试javaScript代码(一)
- 在不同浏览器中调试javaScript代码(二)
- 调试Javascript代码(浏览器F12)
- 用Javascript代码实现浏览器菜单命令(以下代码在 Windows XP下的浏览器中调试通过
- 调试Javascript代码(浏览器F12及VS中debugger关键字)
- 调试Javascript代码(浏览器F12及VS中debugger关键字)
- 调试Javascript代码(浏览器F12及VS中debugger关键字)
- VS2010Web默认的浏览器设置和VS里调试JavaScript代码的设置
- 浏览器兼容性问题,为什么同一段JavaScript代码,不同浏览器上为什么会产生不同效果,甚至bug?浏览器不就是严格按照JavaScript语法进行的吗?java代码为什么从来没听过有什么兼容问题?
- javascript 浏览器检测代码精简版
- javascript、css对不同浏浏览器的解决
- 如何调试Javascript代码
- JavaScript修改浏览器URL地址栏的代码
- 网页调试:myeclipse修改javascript代码后,执行没有变化呀
- NodeJS之调试JavaScript代码
- 如何用 Visual studio 2003/2005 调试 ASP 应用程序、Javascript 代码(转)
- 如何用Javascript代码实现浏览器菜单命令