Remote Debugging Using СefSharp

Veröffentlicht am: 31 August 2017
auf dem Kanal: Embedded Browsers
2,806
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


Auf dieser Seite können Sie das Online-Video Remote Debugging Using СefSharp mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Embedded Browsers 31 August 2017 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 2,806 Mal angesehen und es wurde von 16 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!