JavaScript in Chromium Embedded Framework debuggen

Question

Ich habe eine WPF-Anwendung, die CEF verwendet, um Webinhalte anzuzeigen. Meine Frage ist, gibt es eine Möglichkeit, die Javascript/Web-Teile in einer WPF-Anwendung zu debuggen?

Answer 1

aktivieren Remote-Debugging in Ihrer Anwendung:

C# (CefSharp)

CefSettings.RemoteDebuggingPort = 8088; 

C++

CefSettings settings; 
settings.remote_debugging_port = 8088; 

dann Ihre Anwendung ausführen und Ihrem Browser, um Zugriff auf http://localhost:8088/ Punkt die Chromium-Entwicklerkonsole (die gleiche, die Sie in Chrome w it Strg + Shift + j)

Answer 2

Während die angenommene Antwort korrekt ist, hat es nicht wirklich genug Details.

Ich habe dies in CefSharp mit dem WinForms-Steuerelement in einer WPF-Anwendung funktioniert. (Das WinForms-Steuerelement scheint eine bessere Leistung zu haben). Der Code für Remote-Debuggen wird für das WPF-Steuerelement jedoch wahrscheinlich sehr ähnlich sein.

var settings = new CefSettings { RemoteDebuggingPort = 8088 }; 
Cef.Initialize(settings); 
WindowsFormsHost.Child = new ChromiumWebBrowser(url); 

zu http://localhost:8088/ in Ihrem Browser Dann gehen.

Answer 3

Sie können auch IBrowser ShowDevTools extension method verwenden. (befindet sich bei CefSharp/CefSharp/WebBrowserExtensions.cs)

ChromiumWebBrowser browser = new ChromiumWebBrowser(); 
browser.ShowDevTools();