Remote Debugging Using СefSharp

Опубликовано: 31 Август 2017
на канале: Embedded Browsers
2,760
16

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