webstorm使用firefox进行本地调试

由于在Firefox架构中重大变化,远程调试及标准的WebStorm本地调试都没办法在Firefox中工作。这些步骤是可以用于火狐33、34、及35的临时解决办法。(在湖闻樟注:本人测试在37中也可以用,推测36中应该也是没有问题的)

  1. 在火狐中允许调试
    1. 打开一个火狐浏览器,,点击在工具栏上的, 然后再点击“开发者”来打开Web开发者工具。

      从打开的文字菜单中选择切换工具箱。

    2. 在打开的开发者工具面板中,点击在工具栏上的工具箱选项并勾选上在高级设置下的I”启用远程调试“前的选择框。

    3. 再点一次 , 点击”开发者“, 然后点击在文本菜单中的开发者工具栏。

    4. 在浏览器底部打开的控制台中输入listen <port number>。

      您可以指定任何端口号,但是建议您使用6000及更高端口。你将在后面运行的配置中指定这个端口

  2. 创建一个 run/debug配置:
    1. 点击在主菜单中的 Run | Edit Configuration。或者按Shift+Alt+F10然后在弹出的菜单中选择 Edit Configuration。
    2. 在打开的 Edit Configuration 对话框中, 点击新增一个配置的工具栏按钮  ,  然后在文字菜单中选择 Firefox Remote。 不要被远程这个技术术语误导。在这里它指的是现实的技术细节。
    3. 在打开的 Run/Debug Configuration: Firefox Remote对话框,指定应用运行的主机(这里它总是localhost)及调试器将要运行的端口它必须是你在Firefox中启用调试时指定的端口。这个的默认值是6000。
    4. 点OK来保存配置的设置。
  3. 在需要的地方设置断点。
  4. 在编辑器中或者工程工具窗口中打开带有JavaScript的HTML文件, 在Browser的上下文选择框中选择Firefox.             浏览器将会在执行代码后打显示应用,也就是说你设置的断点没有产生作用。
  5. 工具栏上的run/debug configuration下拉框中选择一个新的新建创建的配置并点击调试工具栏按钮 。 在弹出的对话框中点击确定来允许建立连接。 从弹出的调试选择面中选出带有你的应用的页面。
  6. 在火狐中刷新带有你的应用的页面:该页面显示到第一个断点代码执行的结果。
  7. 在调试工具窗口中, 像往常一样: step through the program, stop and resume 代码运行, examine it when suspended, view actual HTML DOM, edit the code, 等.

英文原文:https://www.jetbrains.com/webstorm/help/debugging-javascript.html

在湖闻樟译后注:目前来说推荐webstorm用Chrome来调试

时间: 2024-11-10 13:15:55

webstorm使用firefox进行本地调试的相关文章

OpenCart本地调试环境搭建

OpenCart简介: 免费开源网络版电子商务系统,是建立在线商务网站首选之一.有众多用户和开发基础,结合其丰富特性与模板插件,可最大化定制在线商店.(也就是用来方便开网店的) 本地调试准备: Firefox浏览器 安装思路: 进官网看看有没有安装帮助->安装帮助下载环境&源代码->配置环境->成功运行 安装开始: 首先进官网 http://www.opencartchina.com/ 看到帮助手册就点进去,下载最新手册(pdf).看看这个也行 打开pdf,书签找到电脑本地Ope

IE浏览器下Fiddler无法本地调试的问题

首先我们应该了解,这个无法本地调试的问题并不是个BUG,微软官方是有给出过解释的,这是源于IE浏览器和.NET框架对于本地请求是不走代理 的,因而Fiddler无法检测数据.当然,你也可以使用Firefox浏览器进行调试,目前fiddler的最新版本已经支持Firefox.不过这里 我们也给出了在IE浏览器下的解决方案. 1.使用机器名代替localhost或者12.7.0.1,例如,你之前使用http://localhost:8081/mytestpage.aspx来访问,那换成 http:/

微信公众帐号应用开发—本地调试

微信开发-本地调试 做微信开发有个比较麻烦的事情,就是如何调试的问题.因为微信开发,服务端必须要部署在公网部署上才能与微信进行联通,而且端口必须为80,否则不能与微信账户进行联调.所以,如果每次开发完一个功能都部署到公网server上才能测试,那估计非常痛苦了. 做微信公众帐号开发,其实跟传统开发没什么太大区别,只是在这个开发过程必须要调用微信的API接口,所以必须遵循微信API的标准才行. 微信服务器在我们开发微信公众帐号相关功能需求中承担一个中介的角色,也就是说,我们的微信公众帐号与用户的微

Visual Studio 2017 本地调试 Chrome浏览器自动退出

在使用VS 2017(15..6 .15.7)对.NET Core MVC应用程序进行本地调试的时候,选择使用Chrome浏览器.但输入中文 就自动关闭Chrome浏览器,随后结束调试.但复制.粘贴中文则不会自动退出.其它浏览器如 搜狗.Microsfot Edge.IE.FireFox,输入中文则不会自动退出. 解决办法:在VS中,工具>选项>项目和解决方案> Web项目",取消选中"浏览器窗口关闭时停止调试器". 原文地址:https://www.cnb

hbase本地调试环境搭建

1,前言 想要深入的了解hbase,看hbase源码是必须的.以下描述了搭建hbase本地调试环境的经历 2,安装步骤 2.1,启动hbase 1,安装java和IDE IntelliJ,下载源码等.步骤这里不再描述. 2,从HMaster以standalone模式启动hbase,配置如下: 主要是程序参数start,VM options(-Dlog4j.configuration=file:/Users/aaa/work/dev/hbase/hbase-1.1.3/conf/log4j.pro

【.NET】VS 本地调试 无法加载Json文件

1.如果要是发布到iis,还加载不出来,那就要配置一下MIME类型: 2.本地调试时,无法加载json文件: 解决方案: 在web.config中添加如下配置:mimeMap <system.webServer> <defaultDocument> <files> <clear /> <add value="default.aspx" /> </files> </defaultDocument> <

微信开发的本地调试环境搭建

微信开发的本地调试只支持80号端口,实验了很多办法,总结一下: 办法一: 公司使用的是联通ADSL, 在路由器上做完端口映射后发现电信/联通封了80端口,所以这个办法走不通了. 办法二: 搜可以下,可以用ngrok,飞快的下载,设置好了.把ngrok的URL填入微信设置时,微信提示这种网址存在安全风险,已经不支持了. 办法三: 最后一招,端口转发(当你有一台外网linux服务器时) (1)首先:把该linux服务器占用80号端口的服务关闭: (2)打开服务器的远程转发功能,执行以下命令: sud

C#微信公众号——本地调试

测试微信,因为要与微信服务器进行交互,所以必须要是外网地址,实现本地调试首先需要解决的问题就是外网问题,这个我前面的文章有介绍,这里就不再详细介绍了,网址http://www.cnblogs.com/zhangjd/p/5657300.html 一.需要将项目发布到本地的IIS上,物理路径要填写本地项目的路径,不是发布后生成的发布文件路径 二.发布项目后,打开Vs选择调试->附加到进程 三.找到w3wp.exe选中后点击附加到进程 四.打开微信发送个消息,就发现断点进来了

jfinal_weixin_1.2版本本地调试

之前使用的都是jfianl_weixin_1.1版本,在本地调试的时候只需要注释掉@Before(WeixinInterceptor.class)拦截器就可以了.ps:(该方法一开始是看@天蓬小猪  的微博http://my.oschina.net/u/257950/blog/347392) .今天需要开发新的微信项目,发现sdk已经更新到1.2版本了,于是熟练的注释掉了@Before(MsgInterceptor.class)这一行,然后运行微信开发调试小工具后就报了一个错误 java.lan