Debugowanie skryptów JavaScript w Chromium Embedded Framework

Question

Mam aplikację WPF, która używa CEF do wyświetlania treści internetowych. Moje pytanie brzmi, czy istnieje sposób debugowania Javascript/Web części wewnątrz aplikacji WPF?

Answer 1

Włączanie zdalnego debugowania w aplikacji:

C# (CefSharp)

CefSettings.RemoteDebuggingPort = 8088; 

C++

CefSettings settings; 
settings.remote_debugging_port = 8088; 

następnie uruchomić aplikację i skieruj swoją przeglądarkę do http://localhost:8088/ dostępu konsola programistyczna Chromium (taka sama jak w przeglądarce Chrome) z Ctrl + Shift + j)

Answer 2

Chociaż przyjęta odpowiedź jest prawidłowa, nie ma wystarczająco dużo szczegółów.

Mam to działa w CefSharp za pomocą formantu WinForms w aplikacji WPF. (Kontrola WinForms wydaje się mieć lepszą wydajność). Kod zdalnego debugowania będzie prawdopodobnie bardzo podobny do kontroli WPF.

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

Następnie przejdź do http://localhost:8088/ w przeglądarce.

Answer 3

Możesz także użyć IBrowser ShowDevTools extension method. (znajduje się na CefSharp/CefSharp/WebBrowserExtensions.cs)

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