Inspiring

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 has been closed for replies.

Correct answer Justin Taylor-Hyper Brew

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.

Inspiring

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?

Community Expert

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.

Inspiring

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

Correct answer

Community Expert

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.

Sign up