Re 配置Debugger for Firefox

最新推荐文章于 2023-10-21 21:49:35 发布
最新推荐文章于 2023-10-21 21:49:35 发布
阅读量2.5k 收藏 2
点赞数 1
分类专栏： Web 文章标签： 开发工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41867528/article/details/103542798
版权

Re 配置Debugger for Firefox

​ 在使用VS Code的调试扩展里，我个人比较喜欢Debugger for Firefox。这个扩展仅需要简单的配置就能使用。当然你得提前下一个Firefox浏览器。

下面让我们来看看怎么安装这个扩展。

​ 如果不会安装扩展插件，那么可以看看我以前写的文章《Visual Studio Code 一款强大的编辑器》来了解如何安装扩展。

​ 打开应用商店(ctrl+shift+x)，在搜索栏中输入Debugger for Firefox便可找到。

在这里插入图片描述

​ 在安装以后我们打开调试界面(ctrl+shift+d)，点击“创建launch.json文件”。

在这里插入图片描述
在这里插入图片描述

​ 选择Firefox环境。然后保存就行。

在这里插入图片描述

​ Debugger for Firefox配置完成后可以直接使用。比起Debugger for Chrome要方便不少。

​ 祝诸君学业进步、事业有成！

不会自己百度啊
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VS Code 调试 Vue 项目 （Edge、Chrome、FireFox）
meazin
02-04 6378
一、安装调试器 Debugger for Microsoft Edge Debugger for Chrome Debugger for FireFox 二、配置 lanuch.json { "version": "0.2.0", "configurations": [ { "type": "edge", "request": "launch", "name": "vue:edge", // 此项配置的名字，显示在调试页的配置选择下拉框中
Fiddler http debugger for IE/Firefox
01-06
Fiddler 觀察瀏覽器(HTTP) 封包與內容，免安裝，預設 proxy 位址 localhost:8888 需支援 .netFramework 4.0
VS Code 使用火狐 FireFox 调试网页
二次蓝的博客
11-22 7375
### 总览 1. 安装 Debugger For Firefox 扩展 2. 设置配置文件（根据模式，操作有所不同） 3. 启动调试
19个实用vscode开发插件分享
qq_43067585的博客
11-08 1591
工欲善其事必先利其器。本篇文章给大家总结分享19个我在开发中使用到的vscode插件，希望对大家有所帮助！
在 VScode 编辑器中调试 Vue 开发
qq_35005735的博客
03-04 788
一、安装 VScode 插件 Debugger for Chrome Debugger for Firefox 二、确定Vue CLI的版本号 2.1 在项目文件package.json中查看Vue CLI的版本号 2.1.1 使用的是 Vue CLI 2，设置并更新 config/index.js 内的 devtool property： devtool: 'source-map', 2.1.2 使用的是 Vue CLI 3，请设置并更新 vue.config.js 内的 devtool prope
debugger for mysql
04-12
1. **安装与配置**：首先，下载并安装Debugger for MySQL，然后配置连接到目标MySQL或MariaDB服务器。 2. **加载存储过程**：在工具中打开要调试的存储过程，设置好断点。 3. **启动调试**：通过工具的调试控制台...
使用VScode 插件debugger for chrome 调试react源码的方法
10-16
主要介绍了使用VScode 插件debugger for chrome 调试react源码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Firefox 的 Flash debugger - NPAPI
09-13
Firefox 的 Flash Player 内容调试器 - NPAPI。最新版本是31.0.0.108（ Windows ）
如何使用firefox适用于javascript的debugger命令
weixin_34258078的博客
03-14 267
首先安装firebug，在firefox的扩展里搜索安装即可。 然后在页面中启用firebug中的脚本： 然后在网页某些位置加入debugger命令，比如如下页面代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /&gt...
vscode开始调试步骤(本人实践过)
qq_42288851的博客
06-17 2970
1.安装 Debugger for Chrome 2.配置launch.json参数 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "...
vscode-firefox-debug:Firefox的VS Code调试适配器
04-29
Firefox的VS Code调试器 从VS Code调试在Firefox中运行JavaScript代码。 VS Code扩展，用于调试在运行的Web应用程序和扩展。 。 支持的功能 暂停，包括高级和模式 使用暂停对象属性更改 调试期间使用注射记录 调试评估脚本，脚本标签和动态添加和/或源映射的脚本 用于检查和设置值的变量窗格 观察窗格，用于评估和观察表达式 记录和REPL的控制台 调试Firefox扩展 调试Web Worker 兼容 入门 您可以在启动或附加模式下使用此扩展名。 在启动模式下，它将启动导航到应用程序开始页面的Firefox实例，并在停止调试时终止它。 您还可以在启动配置中将reAttach选项设置为true ，在这种情况下，Firefox不会在调试会话结束时终止，并且调试器将在您开始下一个调试会话时重新附加到它。比每次重新启动Firefox快得多。 reAt
60 个神级 VS Code 插件！
公众号：Java后端
02-24 1502
本文不做任何编辑器的比较，只是我本人日常使用 vscode 进行开发，并且比较喜欢折腾 vscode ，会到处找这一些好玩的插件，于是越攒越多，今天给大家推荐一下我收藏的 60 多个 vs...
vscode实时调试vue代码
最新发布
Madisonkai的博客
10-21 413
在vscode中直接调试vue代码
VSCode配置 Debugger for Chrome插件
sam的博客
05-31 4万+
这个插件是直接在vscode里面进行调试js文件，跟谷歌的控制台是一样的功能，下载了它就不用打开浏览器的控制台就能进行打断点。首先在左侧扩展栏找到这个插件下载好了后重启编辑器之后配置配置步骤如图：图中配置字段信息解释如下：version : 你定义这个配置文件的版本，生成的时候默认是0.2.0configuration：配置域name：配置文件的名字，可以自己起type：调试的类型，node是vs...
vscode使用Debugger for Chrome配置
YouZi_X的博客
01-30 1190
启动配置文件。 在launch.json中会使用到一些预定变量, 这些变量的具体含义如下 ${workspaceRoot} the path of the folder opened in VS Code(VSCode中打开文件夹的路径) ${workspaceRootFolderName} the name of the folder opened in VS Code without an...
VS Code插件之Debugger for Chrome
热门推荐
xdcx950288的博客
06-10 6万+
号称2018最火的编辑器，不用用怎么行？不多说直接开始踩坑之路。要在vs中启动chrome控制台怎么办？vscode并没有集成环境，这里我们需要借助一个插件Debugger for Chrome。选择左边安装包选项，点击商店搜索Debugger for Chrome，然后点击安装，重新加载。。。安装完之后,点击调试，选择chrome，我们万分激动的等待控制台打开。。。结果却是这样：或者这样：   ...
Visual Studio Code 一款强大的编辑器
qq_41867528的博客
12-13 1127
Visual Studio Code 一款强大的编辑器 1.安装Visual Studio Code ​ 我们可以直接通过Visual Studio Code官网安装，也可以通过github安装。 2.安装扩展插件 ​ ctrl+shift+p然后输入"install extensions"便可安装扩展插件。 3.VS Code汉化 ​ 点击左侧的方块图标，然后在搜索框中输入Chinese，下面...
JavaScript Debugger-Firefox使用体会
Eddyx的专栏
09-04 8416
    Javascript的debug手段十分有限，首先要看懂代码，然后把怀疑有错的地方用alert显示出来。如果运气不好的话，要反复很多遍这样的事。    Javascript Debugger老早就装在机器上了，一直都没用上。每次想用的时候都是按自己想象的方式点击界面上的各种按钮，搞了半天没反应也就不用了。 前两天正好又遇到javascript上的bug，下定决心到网上搜出几篇使用说明，花了
clion配置debugger
08-18
你可以按照以下步骤来配置 CLion 的调试器： 1. 确保你已经成功安装了适合你的操作系统的调试器，比如 GDB（GNU Debugger）。 2. 打开 CLion，并在顶部菜单中选择 "Run" -> "Edit Configurations..."。 3. 在弹出的对话框中，点击左上角的 "+" 按钮，选择 "GDB Remote Debug"。 4. 在 "Name" 字段中输入一个适当的配置名称，比如 "Debug"。 5. 在 "Target" 字段中选择你要调试的可执行文件。 6. 在 "GDB/CDB debugger" 字段中选择你所安装的调试器，比如 GDB。 7. 在 "GDB/CDB debugger executable" 字段中输入调试器的可执行文件路径，如果你已经将调试器添加到系统环境变量中，则可以留空。 8. 在 "Target remote arguments" 字段中输入调试器连接的参数，通常是远程主机的 IP 地址和端口号，比如 "localhost:1234"。 9. 在需要的情况下，你可以在其他字段中设置额外的调试器选项。 10. 点击 "Apply" 和 "OK" 保存配置。 现在你可以使用 CLion 的调试功能来调试你的代码了。你可以通过点击工具栏上的 "Debug" 按钮或使用快捷键来启动调试会话。在调试会话中，你可以设置断点、查看变量的值，并逐步执行代码来进行调试。 请注意，具体的配置步骤可能会因为你的操作系统和调试器版本而有所不同。以上步骤仅作为一般指导，请根据你的实际情况进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值