Inspiring

Answered

Adobe extension debuger problem

12 replies
10741 views
Translate

Hello,

I work since a long time with Adobe CEP extension.

But since few days, when I start my extension, I have a white page on my Chrome debug. I enter the adresse for the debug : http://localhost:8089. Chrome display the link for debug my extension but when I click on it, I arrive on a white page.

The body tag is empty and in the console I've got this message :

Uncaught TypeError: document.registerElement is not a function
at Object.UI.registerCustomElement (inspector.js:2964)

Very strange !!!

Impossible to access debug. I try in Firefox, same thing.

I restart my computer many times, I verify manifest.xml and .debug file. Everything is OK !

Someone have an idea, a solution ?

Thanks

This topic is closed to new replies. Start a new post to keep the conversation going.

Ten ACorrect answer

Community Expert

Try cefclient. You can download below.

https://github.com/Adobe-CEP/CEP-Resources/tree/master/CEP_9.x

vlad.dancer

Participant

@kopaacabana

Today I faced the same problem.

The issue is with Chrome v80+. Chrome has deprecated some features in it's api.

SO Link: https://stackoverflow.com/questions/60292131/qt-qwebengine-remote-debugging-chrome-developer-tools-no-longer-work

So there are the next workarounds:

1. Downgrade Chrome

2. Use CefClient

3. Configure Chrome v80+ as @funkelodeon mentioned and then use a new debugging window.

Here is my video instructions

4. Run Chrome v80+ with an extra cli flags:

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --enable-blink-features=ShadowDOMV0,CustomElementsV0

Here is my video instructions on macOs

Thanks to:

@Kawano_Shuji

@Ten A

@funkelodeon

Translate

A

avartation

Inspiring

Thanks man, for the video instructions 😉

Translate

funkelodeon

Inspiring

cefclient is pretty painful to use. Try `chrome://inspect/#devices` instead.

Navigate there, make sure 'Discover network targets' is checked, and click 'Configure'. Add your debug port as 'localhost:nnnn' and click 'Done'.

Your CEF session should appear in the list of Targets after a few seconds. Click 'inspect', and enjoy an even better debug experience than you had previously.

Translate

K

kopaacabanaAuthor

Inspiring

Hello,

Thanks for your response.

I tried. I can see my remoteTarget but when I click 'inspect' nothing happens !

Translate

alittlebitofsugar

Participant

In addition to what has been said by funkelodeon...

you need to set up port fowarding as well.
is the button above to configure button.
With both set it up... it works 😉

Translate

Ten A

Correct answer

Community Expert

Try cefclient. You can download below.

https://github.com/Adobe-CEP/CEP-Resources/tree/master/CEP_9.x

Translate

Kawano Shuji

Inspiring

apparently google Chrome. ver 8.0.0.3987.87 not compatible extension debuger
in my case I downloaded old ver Chrome and it works
old chrome download here

Translate

don_ashe

Participating Frequently

I had the same issue and downgrading Chrome fixed it for me as well!

Thank you, Kawano Shuji!

-Don

Translate

K

kopaacabanaAuthor

Inspiring

Hello, downgrading Chrome fixed the problem.

CefClient fix the problem too.

I keep the 2 solutions !

Thanks Kawano.

Thanks Ten

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.