Skip to main content
karpiyon
Inspiring
Jul 23, 2019 4:07 AM UTC
Answered

Debugging CEP panel creation.

Hi,

I am trying to debug my panel creation.

I have .debug file properly configured in my panel root and i can access it via Chrome.

I can see the log files as well.

I use Visual code extension for extended script to debug script i create for Photoshop.

Is there a way to interactively debug my panel code, similar the the was I run a debugger to analyze my scripts in visual code?

Dan

This topic is closed to new replies. Start a new post to keep the conversation going.
Justin Taylor-Hyper Brew
Justin Taylor-Hyper BrewCorrect answer
Community Expert
Jul 23, 2019 4:44 PM UTC

Have you tried setting breakpoints in Chrome Dev Tools under the "Sources" tab?

You can set up VS Code to debug CEP panels, but I prefer to debug CEP in Chrome Dev Tools and ExtendScript in VS Code with the new extension.

View reply

7 replies

karpiyonAuthor
Inspiring
Jul 23, 2019 4:58 PM UTC

Thanks

I set BP as you suggested.

As for visual code, you refer to the extended script extension, correct.

If yes then i use it to debug the actual code which, in my case, Photoshop run.

Can you also debug with it the jsx files in the CEP panel?

Translate
Justin Taylor-Hyper Brew
Community Expert
Justin Taylor-Hyper BrewCommunity Expert
Community Expert
Jul 23, 2019 5:53 PM UTC

Yes,

CEP Extension / ES6 == Debugging in Chrome Dev Tools.

ExtendScript / ES3 == Debugging in VS Code with Adobe's ExtendScript debugger extension.

You can run these both at the same time if you like.

Translate
karpiyonAuthor
Inspiring
Jul 23, 2019 6:06 PM UTC

Yes this is what i use, apart from running them both at the same time.

How can you debug, in VC, jsx whiuch was triggered by the panel?

Dan

Translate
Justin Taylor-Hyper Brew
Community Expert
Justin Taylor-Hyper BrewCommunity ExpertCorrect answer
Community Expert
Jul 23, 2019 4:44 PM UTC

Have you tried setting breakpoints in Chrome Dev Tools under the "Sources" tab?

You can set up VS Code to debug CEP panels, but I prefer to debug CEP in Chrome Dev Tools and ExtendScript in VS Code with the new extension.

Translate
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices