谷歌浏览器调试js 断点怎么使用

在需要调试的页面按下F12(Ctrl+Shift+I，右击鼠标选择检查(图1))或者如下图 *** 作：

图(1)

图(2)

2打开开发者工具后选择Sources如图

3打开Sources页面后，在红色框内选择需要调试的文件双击打开，框内点击设置断点，开始调试你的代码吧

4打开文件后在行号前面单击添加断点(如上图蓝色部分)，按F5刷新页面即可调试。

打开电脑逗myeclipse地找到需要调试的代码，在左边边缘处双击设置调试断点，鼠标右键点击代码区域，选择Debug
As,然后选择Java
Application，接着d出跳转窗口提示对话框，不用担心，点击下方YES，进入Debug视图，F5是step
into即进入本行代码中执行，F6是step
over，
即执行本行代码，跳到下一行，F5执行之后在右方可以看到执行点代码结果，以及相应点属性值，类型，使用F7来跳到上一个断点，F8返回下一个断点依次点查询
执行完毕后点击上方停止按钮，一步一步的对代码进行分块调试，直到找出问题解决问题。

你先找到那个菜单选项，就是下拉菜单里面有一项是调试--只能在debug模式下执行。如果你在Release里面执行那不会得到预期结果的。
设置断点后，你可以让程序执行的过程中在断点处暂停执行，这样你就有机会查看程序的堆栈中各变量的值、或是验证程序是否执行到这里了。
比如说最简单的一个函数
void myTest()
{
int i;
for(i=0;i<100;i++)
{
j = i+data;
}
}
你在j=i+data处设置一个断点，就可以在每一次循环执行时都能够停在这里，方便你观察各临时变量的值的变化。当然如果你的data是来源于数据库，那就可以方便查看每次执行的数据库 *** 作读到的数据是否正确。因为如果没有这个调试功能，那比如上述代码在i==50的时候就抛出异常了，程序自动中止了，你根本不知道哪里出现了错误。但是有了debug功能，程序员就可以在i==50的时候发现data的值变成了-68697083显然是内存泄露了，即数据库 *** 作出现了异常，这就方便多了！
当然你也可以在myTest内部的第一行打上断点，看下程序到底执行到这个函数没有。因为有时候程序会出错而没有调用你预期应该调用的函数。
debug调试功能主要适用于改错，当然也方便你看别人的代码。因为上万行的代码直接读会很麻烦的，特别是没有注释的代码维护的工作量太大了，这时候你在各个函数名开头设置个断点，然后顺序执行，那你就会很快明白程序的执行流程，很短时间就掌握了整个项目的基本结构，维护起来不要太方便呀！
希望我的解释能够让楼主明白:-0)

先编译好要调试的程序。1设置断点选定要设置断点的代码行，在行号的区域后面单击鼠标左键即可。2开启调试会话点击红色箭头指向的小虫子，开始进入调试。IDE下方出现Debug视图，红色的箭头指向的是现在调试程序停留的代码行，方法f2()中，程序的第11行。红色箭头悬停的区域是程序的方法调用栈区。在这个区域中显示了程序执行到断点处所调用过的所用方法，越下面的方法被调用的越早。3单步调试31stepover点击红色箭头指向的按钮，程序向下执行一行(如果当前行有方法调用，这个方法将被执行完毕返回，然后到下一行)32stepinto点击红色箭头指向的按钮，程序向下执行一行。如果该行有自定义方法，则运行进入自定义方法(不会进入官方类库的方法)。具体步骤如下：在自定义方法发f1()处设置断点，执行调试33Forcestepinto该按钮在调试的时候能进入任何方法。34stepout如果在调试的时候你进入了一个方法(如f2())，并觉得该方法没有问题，你就可以使用stepout跳出该方法，返回到该方法被调用处的下一行语句。值得注意的是，该方法已执行完毕。35Dropframe点击该按钮后，你将返回到当前方法的调用处重新执行，并且所有上下文变量的值也回到那个时候。只要调用链中还有上级方法，可以跳到其中的任何一个方法。4高级调试41跨断点调试设置多个断点，开启调试。想移动到下一个断点，程序将运行一个断点到下一个断点之间需要执行的代码。如果后面代码没有断点，再次点击该按钮将会执行完程序。42查看断点点击箭头指向的按钮，可以查看你曾经设置过的断点并可设置断点的一些属性。箭头1指向的是你曾经设置过的断点，箭头2可以设置条件断点(满足某个条件的时候，暂停程序的执行，如c==97)。结束调试后，应该在箭头1处把所设的断点删除(选择要删除的断点后，点击上方的红色减号)。43设置变量值调试开始后，在红箭头指向的区域可以给指定的变量赋值(鼠标左键选择变量，右键d出菜单选择setValue)。这个功能可以更加快速的检测你的条件语句和循环语句。alt+f8debug时选中查看值f8相当于eclipse的f6跳到下一步shift+f8相当于eclipse的f8跳到下一个断点，也相当于eclipse的f7跳出函数f7相当于eclipse的f5就是进入到代码alt+shift+f7这个是强制进入代码ctrl+shift+f9debug运行java类ctrl+shift+f10正常运行java类command+f2停止运行

我们运用Eclipse开发的时候，经常需要进行断点调试，那么如何设置呢？下面我给大家分享一下。

工具/材料

Eclipse

首先我们点击桌面上的Eclipse图标登录软件，如下图所示

接下来我们新建一个程序，然后在程序的一行前面添加一个断点，如下图所示

然后点击顶部的Run菜单，接着选择Debug选项，如下图所示

最后我们就可以看到调试会进入到断点处就停下来，如下图所示

---