Remote Debugging Using СefSharp
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
On this page of the site you can watch the video online Remote Debugging Using СefSharp with a duration of hours minute second in good quality, which was uploaded by the user Embedded Browsers 31 August 2017, share the link with friends and acquaintances, this video has already been watched 2,806 times on youtube and it was liked by 16 viewers. Enjoy your viewing!
