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

火狐脚本调试

发布时间: 2022-07-24 12:29:17

① 火狐装了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 使用】

② 如何使用firefox进行网页js调试

1、首先使用Firefox火狐浏览器打开需要调试页面,也可以在开发工具设置火狐浏览器来打开:

③ 火狐浏览器怎么调试移动端页面

调试移动端页面这个需求本身包含多层含义:

1、样式调试,这个需求可以通过进入F12热键呼出的界面,进入“开发者响应模式”,并点击上面的手指图标,激活手机触屏的交互时间。
2、传参调试,这个可以使用传统的web开发工具,移动端的页面应用也是基于传统协议的,故而老的调试工具同样适用。推荐:httpRequester。
3、针对移动端,火狐浏览器还有个远程调试功能,使用方法如下:
USB连接:把你的Android设备通过USB链接到可以运行Firefox的电脑。在终端,远期使用的TCP连接:adb forward tcp:6000 tcp:6000
桌面端Firefox:使用about:config 启用远程调试。设置 “devtools.debugger.remote-enabled” 为真。重启。你应该可以看到一个“Web开发者 > Remote Debugger(远程调试器)”菜单。

Android端Firefox:使用 about:config 启用远程调试。设置 “devtools.debugger.remote-enabled” 为真。重启。
桌面端Firefox:选择“Web开发者>Remote Debugger(远程调试器)”,打开一个远程连接对话框。如果你没有其他特别的远程调试要求,只需要使用默认值。按“确定”。现在,你应该看到一个空的调试窗口出现。

Android端Firefox:你应该能看到一个远程调试连接提示出现。按OK以初始化连接。默认情况下,你有3秒时间接受连接。可以重试3次。

桌面端Firefox:一旦连接被接受,空调试窗口将被内容填补,并且Android的网页脚本也能在Firefox上运行。

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

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

⑤ 火狐怎么老是弹出调试脚本继续之后又正常了

您好!很高兴为您答疑!

您可以按ctrl+shift+del,调出火狐内置的清除最近的历史记录工具(或者按alt键弹出菜单,工具-》清空最近历史记录),然后选择清除全部的缓存和cookie,如果不能解决,可以点击 Windows的开始按钮,选择运行...在运行对话框中,输入:firefox.exe -p 点击确定,为浏览器新建一个配置文件

⑥ 火狐脚本怎么运行

1.
一,下载安装火狐浏览器 搜索火狐浏览器,到官网下载安装就可以了.



2.
二,安装附件组件 打开浏览器,点右上角的...或手机上的菜单键弹出对话框,找到附件组件项,点击,找到浏览全部firefox附件组件点击,在出现的页面的搜索框里输入USI搜索.搜索到后点添加该组件.以后就可以安装任意组件了.我们以安装tampermonkey为例.

3.
三,安装tampermonkey 返回浏览器主页,搜索tampermonkey,浏览器会自动搜索到火狐的版本.搜索到后点击下载安装.在没有安装usi组件之前是不能安装的.

⑦ Firefox3火狐浏览器javascript脚本调试插件怎么用

尊敬的用户,您好!很高兴为您答疑

如果您说的是firebug等调试功能,那么您可以通过选项菜单中如图所示位置进行功能窗口的开启。也可以使用热键(F12)。

希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。

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

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

⑨ 火狐浏览器中的javascript怎么调试

所需工具材料:火狐浏览器

方法如下:

1、打开火狐浏览器,按F12键调取调试工具。

2、选择“调试器”选项,然后选择需要调试的JS代码,接着在合适的位置加入断点。

⑩ 火狐firedebug插件怎么调试js

用firedebug插件来调试JS需要掌握以下快捷键:

直接按Ctrl+Shift+K 三键组合直接打开Firebug.这里的调试网页主要以修改网络的首页。

第一:调试网络情况

打开网络首页。同时打开 firebug。(Ctrl+shift+K)可以右键点击网络标签查看网页源代码。

第二:调试器

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


热点内容
逍遥安卓在哪里下载的视频 发布:2025-02-06 10:50:42 浏览:876
上编程序 发布:2025-02-06 10:49:08 浏览:795
会议源码 发布:2025-02-06 10:47:09 浏览:92
phpeclipse断点 发布:2025-02-06 10:47:02 浏览:360
脚本之家知网收录吗 发布:2025-02-06 10:39:08 浏览:770
昵称与密码的意思是什么 发布:2025-02-06 10:27:38 浏览:671
服务器没密码怎么办 发布:2025-02-06 10:27:36 浏览:206
宝塔面板阿里云服务器伪静态 发布:2025-02-06 10:24:50 浏览:342
android输入框限制 发布:2025-02-06 10:24:47 浏览:398
阿里云新购服务器备案 发布:2025-02-06 10:22:05 浏览:982