Learn how to remote debugging using СefSharp. You can get the source code of this sample in the GitHub repository:
https://github.com/cefsharptutorials/...
About CefSharp:
https://cefsharp.github.io/
Previous tutorials:
CefSharp Basics: Display an HTML5/CSS3 Webpage -
• CefSharp Basics: Display an HTML5/CSS3 Web...
URL Navigation Using CefSharp -
• URL Navigation Using CefSharp
Executing JavaScript from the .NET Side Using CefSharp -
• Executing JavaScript from the .NET Side Us...
Injecting a .NET Object into JavaScript Using СefSharp -
• Injecting a .NET Object into JavaScript Us...
Transcript:
00:01 Remote debugging using СefSharp
00:06 Create and configure a WPF solution with CefSharp
00:12 Create a project
00:13 Add the CefSharp.Wpf NuGet package and create the x64 or x86 configuration
00:20 You can find detailed instructions in our previous tutorials. (Check out the links under this video)
00:26 Mark Up the Main Window
00:28 Define the name of the root grid
00:30 We need to insert two browser instances into the main window so let's create two columns in the Root Grid
00:44 Implement the Main Window behaviour
00:46 Create two fields in the MainWindow class for both left and right browsers
00:57 After the window initialization create a new instance of the ‘CefSettings’ class
01:09 Then set the value of the ‘RemoteDebuggingPort’ property to 8088
01:13 Call the ‘Cef.Initialize’ method and pass the created settings instance as its argument
01:19 Initialize the ‘leftBrowser’ field with the new instance of the ChromiumWebBrowser
01:24 Add this field to the RootGrid
01:30 Set the grid column index of the browser using the ‘Grid.ColumnIndex’ dependency property
01:42 Then repeat the previous three steps for the ‘rightBrowser’ field but change the value of the grid column index property
01:59 Create the ‘FrameLoadEnd’ event handler for the left browser
02:04 Set the ‘Address’ property value for the left browser
02:16 Inside the ‘FrameLoadEnd’ event handler set the Address property of the right browser to ‘localhost:8088’.
02:23 You need to use the dispatcher because the ‘FrameLoadEnd’ event occurs inside the non-UI thread.
02:35 Build and launch
#Debugging
#CefSharp
#EmbeddedBrowsers