当前位置:首页 » 编程软件 » firebug脚本调试

firebug脚本调试

发布时间: 2022-03-09 04:41:01

① 使用Firebug对js进行断点调试的图文方法

具体步骤:
a.
打开Firebug后,启用“脚本”调试,找到引用的脚本文件(或者行内js);
b.
在适当的位置加入断点;
c.
如果断点已经执行过,则刷新页面,这时脚本就会在断点处中断。如果断点没有执行过,那可以直接执行页面上的动作(例如点击按钮等),然后代码会在断点处中断;
d.
观察函数调用栈,观察local变量,也可以进行单步执行,进行调试。
确实非常简单!用Firebug断点调试的优点总结如下:
能加断点的行用绿色行号,非常直观;
call
stack用两种方式显示出来,很方便;
本地变量的显示非常清晰明了。

② 火狐的firebug怎么调试html的js脚本

在火狐中打开firebug之后。左上角的选择元素选中想要控制的元素之后。点到脚本处就可以修改你的代码了

③ firebug调试代码

1:前端调试 一般是F12 切换出调试台(如果没有需要安装开发者工具 IE自带的)
2: F12 选择页面 一般有Scource elements之类
3: 找到编写的JS代码出 右键添加断点
4: 刷新页面就可以进入断点处

④ firebug脚本调试按钮为灰色,加了断点也不能调试!

用chrome 试试看 都是F12。

⑤ 怎样从Firebug设断点调试JS代码

  1. 打开firebug,点击“脚本”选项。


⑥ firebug设置断点后如何进行调试

http://www.jb51.net/article/26707.htm

⑦ 火狐装了firebug怎么调试

简版的编辑器比较好我感觉,一目了然。
要使用firebug需要掌握几个快捷键。
首先 更新你的火狐浏览器到最新版。直接按Ctrl+Shift+K 三键组合直接打开Firebug.
这里的调试网页主要以修改网络的首页。
具体用到的内容会在实际中进行。

第一 调试网络情况。
------------------------------------------------------------------------------
打开网络首页。同时打开 firebug。(Ctrl+shift+K)
如图所示 可以点击网络标签查看 网页的详细的网络请求。

其实,我感觉最有用的就是点击下面的 XHR 标签。打开异步请求过滤。可以查看 网站的异步请求情况。包括post数据。
之后点击过滤出的请求。双击,就可以在右侧查看请求的 参数信息以及发送的cookie等。可以通过此得到请求是否完成,请求的运行情况。
可以点击上面的标签查看请求的返回状况。

如图点击响应。可以查看 这个返回的json数据。
当然也可以 编辑这个请求。测试另外一请求是否正常,这样的话,就不需要再次加载页面运行了。
-------------------------------------------------------------------------------------
第二 调试网页元素DOM。
有这样的情况。我做出一个网页,但是可能在配色或是左右上下边距上需要进行调整。那么可以通过调整元素的css值或是 属性值进行调节。
首先,如何预览整个网页的元素情况?
可以点击查看器。点击左侧的箭头,这时,可以在网页内部移动,鼠标移动到哪个元素上,会显示哪个元素的边框虚线。如图:

如果我只想查看 网络上面的一个连接。我可以在该链接上右击---->最下面的查看元素。一样可以查看该连接的CSS等情况。如图

如果我感觉 如果这个连接颜色是 黑色的话,可不可以更好一些?
那么可以右击该链接---->查看元素。
然后查看右下角的css规则(这个规则是 css定义的)点击右侧的计算。可以查看实际执行到元素的css样式(可以有利于调试于元素的css值)

恩,黑色还比较好看。
OK。如果我感觉,其实我想把连接修改一些内容和样式那么会怎样。
选中后,选中 html编辑。如图

那么修改html元素如图所示
点击上面的空白处应用修改后。
于是就如图了:

当然也可以选择元素后。双击进入修改。

-----------------------------------------------------------------------------------
第三 调试器。
调试器可以查看网页请求的js脚本以及脚本的定义,以及脚本的变量的实时值。
如图所示

当然也可以右击,弹出中选择插入断点等。
可以移动到 变量上或是对象上。查对象的所有属性以及事件以及值的情况。
如移动到nava 上,显示所有的值等信息。

如果,我想查看某个函数的定义。比如我想查看
if (navigator.userAgent.indexOf('Firefox') != -1) {
ToolbarPluginComms = initToolbarPluginComms();

中 initToolbarPluginComms()的定义。
双击 initToolbarPluginComms()方法选中后。(必须选中。双击即可)
右击 --- 搜索函数定义
可以查看函数的定义
如果所示找到了函数定义,可以查看具体的函数执行细节。

如果 js脚本经过了压缩和简单格式混淆。那么可以点击左侧的美化进行美化操作,如果所示。

如果想查看 脚本的运行情况。
可以点击
F11 进行单步调试。
F10 直接跳到下一个断点。
可以进入脚本信息内部。
右侧显示的是 所在的脚本内部的变量等信息可以进行实时查看。
如图所示:可以在左上侧的调试标签中点击进行单步等调试。

--------------------------------------------------------------------------------------
好了。目前只是简单介绍了如何使用。
【具体的需要自己去摸索,当然 最好还需要配合fiddler 使用】

⑧ 火狐浏览器firebug的脚本功能调试被禁用了,怎么解决

工具栏点击Firebug图标,在选项一栏最下面有“重置所有Firebug选项”,使用这个功能重置试下,如果Firebug本身错误造成的,可以恢复,如果其他扩展影响,分批禁用全部扩展排查。

⑨ 怎么用firebug调试JS

1打开firebug,点击“脚本”选项。

2点击“所有”选项,这里可以选择要显示的脚本,建议选择“显示所有脚本”。

3在“所有选项”的旁边,是当前显示的JavaScript文件的名字,点击它,可以看到当前页面用到的所有JavaScript文件,在列表里找或者直接在列表的搜索框搜索你要调试的JavaScript文件。

4在脚本正文行号的左边点击,可以在此行设置断点,程序运行到此行就会暂停。

5此时红点上会有个黄色箭头,代表此行即将被执行。右边的监控栏可以输入你想监控的表达式,查看它的值。

6脚本正文右上角有四个图标,第一个图标表示取消此次调试,但如果下次程序执行到此断点还是会暂停;第二个图标表示单步进入程序;第三个图标表示单步跳过程序;第四个图标表示单步退出。

⑩ 在火狐firebug调试中,“脚本”选项卡中的‘断续’按钮是什么意思

断点吧 指的是调试脚本时设置脚本中断执行的点 方便观察过程中变量情况

热点内容
开票系统域名服务器地址 发布:2025-01-21 21:59:53 浏览:888
宝来空调压缩机多少钱 发布:2025-01-21 21:57:18 浏览:833
明日之后泽尔谷服务器怎么玩 发布:2025-01-21 21:50:09 浏览:459
楚留香挂机脚本 发布:2025-01-21 21:25:57 浏览:622
java的jms 发布:2025-01-21 21:22:45 浏览:693
上传绑定事件 发布:2025-01-21 21:21:03 浏览:491
无法访问已释放的对象 发布:2025-01-21 21:13:50 浏览:968
android比ios 发布:2025-01-21 21:06:05 浏览:181
电脑mc连接服务器秒退 发布:2025-01-21 21:05:16 浏览:534
我的世界宝可梦服务器在哪找 发布:2025-01-21 21:00:06 浏览:437