目录
Chrome如何调试JavaScript的示例
在网站和前端的开发中，javascript是一个强大的脚本语言，但是很多人对他是又爱又恨，有的时候直接忽略了他的重要性。当然调试js的方法很多，ff下面的firebug,ie也有很强大的调试工具，在这里我向大家展示一个如何在chrome如何调试js。
1.用chrome浏览器打开demo
2.按下f12键
3.添加断点
4.监视变量
5.查看控制台输入的日志
6.demo代码：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<title>Examples</title>
<metaname="description"content="">
<metaname="keywords"content="">
<linkhref=""rel="stylesheet">
</head>
<body>
</body>
</html>
<script>
varcnt=(function(){
varindex=0;
varadd=function(){
return index;
};
returnadd;
})();
varc=cnt();
alert(c);
console.log(c);
</script>
谷歌浏览器怎么调试js
在你的引用js的页面按f12出现下面的界面
1.找到1位置，
2.在2位置根据你的项目结构找到你的js或者jsp页面的js，会在3位置显示js文件的名称。
3,在需要调试的地方（4位置）打点断，调试。
怎么在浏览器中调试JS代码
按F12打开谷歌浏览器的调试工具栏，在source中找到你要调试的js，在js的行号前面点一下就可以设置断点，再刷新一下页面就进入调试状态了，按F10、F11的单步调试。如何在谷歌浏览器下执行调试js
在js代码里面写一行debugger标记，之后再浏览器界面打开F12，之后会自动进入断点状态，F11是单步调试，F8是跳过断点。
chrome浏览器怎么调试js
工具：谷歌浏览器
步骤
打开开发者工具，可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者直接记住这个快捷方式：Ctrl Shift I(或者Ctrl Shift J直接打开控制台)，或者直接按F12。
打开的开发者工具就长下面的样子，建议将开发者工具弹出作为一个独立的窗口。
这个就是查看、编辑页面上的元素，包括HTML和CSS：
左侧就是对页面HTML结构的查看与编辑，可以直接在某个元素上双击修改元素的属性，或者点右键选;EditasHtml;直接对元素的HTML进行编辑，或者删除某个元素，所有的修改都会即时在页面上得到呈现。
Elements标签页的右侧可以对元素的CSS进行查看与编辑修改：
