Отладка JavaScript в Chromium Embedded Framework

У меня есть приложение WPF, которое использует CEF для отображения веб-контента. Мой вопрос в том, есть ли способ отладки Javascript/веб-частей внутри приложения WPF?

10
chromium-embedded debugging wpf

3 ответов

включить удаленную отладку в приложении:

C# (CefSharp)

CefSettings.RemoteDebuggingPort = 8088;

C++

CefSettings settings;
settings.remote_debugging_port = 8088;

затем запустите приложение и откройте в браузере http://localhost:8088/ для доступа к консоли разработчика Chromium (то же самое у вас есть в Chrome с Ctrl + Shift+j)

18

вы также можете использовать ShowDevTools() метод расширения (источник)

ChromiumWebBrowser browser = new ChromiumWebBrowser();
browser.ShowDevTools(); // Opens Chrome Developer tools window

CEFSharp Developer Tools window

21

хотя принятый ответ Правильный, на самом деле у него недостаточно деталей.

Я получил эту работу в CefSharp, используя элемент управления WinForms в приложении WPF. (элемент управления WinForms, похоже, имеет лучшую производительность). Код для удаленной отладки, вероятно, будет очень похож на элемент управления WPF.

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

затем перейдите к http://localhost:8088/ в вашем браузере.

19