Can no longer debug Javascript in the browser

Answered

I'm having a problem where I can no longer debug Javascript in any browser from IntelliJ IDEA (or PyCharm for that matter)

The only browsers that even seem to work are Chrome based; Firefox doesn't appear in the debugger selection list even though it is listed in the list of supported browsers.

I'm not sure what to do; this is really frustrating.  At times I really wonder why I'm paying for an all tools subscription with half the functionality never works or is broken.

[edit] One thing that I have discovered is that this seems to be related to Live Editing.  I just discovered that if I turn live editing OFF I can now launch and connect to the browser, albeit without the ability to Live Edit changes in the browser.

Any help or suggestions greatly appreciated.

Using Google Chrome: Version 86.0.4240.111 (Official Build) (x86_64) and Vivaldi 3.4.2066.86 (Stable channel) (x86_64)

IntelliJ IDEA 2020.2.3 (Ultimate Edition)
Build #IU-202.7660.26, built on October 6, 2020

Runtime version: 11.0.8+10-b944.34 x86_64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.
macOS 10.15.7
GC: ParNew, ConcurrentMarkSweep
Memory: 4029M
Cores: 8
Registry: debugger.valueTooltipAutoShowOnSelection=true
Non-Bundled Plugins: Scratch, Shifter, com.arasthel.groovy.override-completion, GenerateSerialVersionUID, VisualVMLauncher, com.hartmanster.compareToGenerator, soapUI Plugin, com.paperetto.dash, nl.jworks.intellij.bootstrap3, org.jetbrains.plugins.rest, mobi.hsz.idea.gitignore, org.jetbrains.plugins.vagrant, org.sonarlint.idea, de.dm.intellij.maven-archetypes-catalog-plugin, com.dmarcotte.handlebars, com.intellij.react.css.modules, org.jetbrains.kotlin, com.intellij.plugins.html.instantEditing, izhangzhihao.rainbow.brackets, Pythonid, DeepBugsPython, net.ashald.envfile, ru.adelf.idea.dotenv

3 comments
Comment actions Permalink

>I'm having a problem where I can no longer debug Javascript in any browser from IntelliJ IDEA (or PyCharm for that matter)

 

please could you clarify what issue you have faced namely and how it's related to Live Edit?

 

>The only browsers that even seem to work are Chrome based; Firefox doesn't appear in the debugger selection list even though it is listed in the list of supported browsers.

 

This is expected, debugging is only supported in browsers of the Chrome family. See https://www.jetbrains.com/help/idea/2020.2/run-debug-configuration-javascript-debug.html:

"Debugging can be performed only using Google Chrome and other browsers of the Chrome family."

We used to support Firefox Remote Debugging (but without source maps) through the FireFox Remote run configuration, but our solution doesn't work in the latest Firefox due to changes in the protocol, and there doesn't seem to be an easy way to fix it. We've made some progress recently, but there are still some blocking issues
related ticket: https://youtrack.jetbrains.com/issue/WEB-45986

 

0
Comment actions Permalink

Are you going to fix the problem with firefox soon?

0
Comment actions Permalink

Sorry, we don't have any ETA for this issue yet.

0

Please sign in to leave a comment.