Using DevTools with CEF3

[probablycorey]

I can't figure out how to use the developer tools with CEF3 on OS X Lion. I'm using http://chromiumembedded.googlecode.com/ ... /1180/cef3 r746.

When I run the CefClient App the context menu "Show Dev Tools" is always disabled because

Code: Select all

browser->GetHost()->GetDevToolsURL(true)

is returning an empty string. I also tried loading "chrome-devtools://devtools/devtools.html?docked=true" into an iFrame directly, but the developer tools didn't load (only the shell UI loaded).

[magreenblatt]

CEF3 uses remote debugging. Remote debugging can be enabled by specifying the "remote-debugging-port" command-line flag or by setting the CefSettings.remote_debugging_port value.

[Czarek]

What is the difference of using http or chrome-devtools shceme when calling GetDevToolsURL()? They both need remote debugging port set?

[steven181]

I was also stuck with this DevTools.
Any body help us please.

Thanks

Steven

[bpant]

Like Marshall said, this worked for me when I added settings.remote_debugging_port=2012 for example, in cefclient_win.cpp in my case.

// Populate the settings based on command line arguments.
AppGetSettings(settings, app);

settings.remote_debugging_port = 2012; // for devtools usage

[magreenblatt]

What is the difference of using http or chrome-devtools shceme when calling GetDevToolsURL()? They both need remote debugging port set?

Sorry, I missed this question. Yes, they both need remote debugging port set. The difference is whether the returned URL is externally accessible or not (http vs chrome-devtools).

[Czarek]

You can enable Developer Tools in CEF 3 cefclient by passing a command line flag:

Code: Select all

cefclient.exe -remote-debugging-port=12345

In CEF 1 developer tools was accessible through window menu, in CEF 3 you access it through mouse context menu.

[Mayhew]

I have the dev tools working but after reading this decided to try passing false to GetDevToolsURL() to use the chrome-devtools schema and now the dev tools window always appears blank. Is there something different I need to do to use that schema? I'm currently just executing "window.open" via javascript with the returned URL.

[magreenblatt]

I have the dev tools working but after reading this decided to try passing false to GetDevToolsURL() to use the chrome-devtools schema and now the dev tools window always appears blank. Is there something different I need to do to use that schema? I'm currently just executing "window.open" via javascript with the returned URL.

You can't use window.open for chrome-devtools due to security restrictions.

[Mayhew]

Okay, makes sense. I dug a bit further and see your LaunchExternalBrowser() method in the CefClient app so I will try that.