chrome浏览器怎么调试js

Question

如题所述

Answer 1

工具：谷歌浏览器

步骤

打开开发者工具，可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。



打开的开发者工具就长下面的样子，建议将开发者工具弹出作为一个独立的窗口。



这个就是查看、编辑页面上的元素，包括HTML和CSS：



左侧就是对页面HTML结构的查看与编辑，可以直接在某个元素上双击修改元素的属性，或者点右键选;Edit as Html;直接对元素的HTML进行编辑，或者删除某个元素，所有的修改都会即时在页面上得到呈现。



Elements标签页的右侧可以对元素的CSS进行查看与编辑修改：

Answer 2

按F12打开谷歌浏览器的调试工具，在source里找到你需要调试js。本回答被提问者采纳

Answer 3

按F12 或者右键菜单 点 审核元素