Skip to main content
Inspiring
February 8, 2020
Answered

Adobe extension debuger problem

  • February 8, 2020
  • 4 replies
  • 10665 views

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 has been closed for replies.
Correct answer Ten A

Try cefclient. You can download below.

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

4 replies

vlad.dancer
Participant
March 17, 2020

@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

Inspiring
September 8, 2020

Thanks man, for the video instructions 😉

funkelodeon
Inspiring
February 13, 2020

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.

Inspiring
February 15, 2020

Hello,

Thanks for your response.

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

alittlebitofsugar
Participant
February 24, 2020

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 😉

Ten A
Community Expert
Ten ACommunity ExpertCorrect answer
Community Expert
February 10, 2020
Kawano Shuji
Inspiring
February 9, 2020

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 

don_ashe
Participating Frequently
February 10, 2020

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

Thank you, Kawano Shuji! 

 

-Don

Inspiring
February 10, 2020

Hello, downgrading Chrome fixed the problem.

CefClient fix the problem too.

I keep the 2 solutions !

Thanks Kawano.

Thanks Ten