vb@rchiv · Tipps & Tricks · Im WebBrowserControl Javascript einfach debuggen

Rubrik: HTML/Internet/Netzwerk · Internet / Browser / IE | VB-Versionen: VB2010 - VB2015

28.03.19

Im WebBrowserControl Javascript einfach debuggen Im Tipp wreden zwei Funktionen gezeigt, mit denen es möglich ist, Javascript-Variable (ohne alert) einfach im VB-Projekt zu debuggen.
Autor: Dietrich Herrmann	Bewertung:	Views: 2.903
ohne Homepage	System: Win7, Win8, Win10, Win11	kein Beispielprojekt

In meinem Projekt, in dem ich via WebbrowserControl eine Weblösung erzeuge und steuere, hatte ich das Problem, das Javascript, welches im Code der Page des WebbrowserControls vorhanden ist, effektiv zu debuggen.

Nun hat man bei Javascript eigentlich nur die Möglichkeit an gewissen Stellen des Codes mal ein "alert" einzufügen, um sich Variablenwerte anzeigen zu lassen. Die Sache mit Console.log ist mir viel zu umständlich...

Für mich habe ich eine simple Lösung gefunden. Ich steuere die Page von VB aus mittels InvokeScript. Es ist also eine 'Kommunikation' vorhanden.

Hier meine Lösung:

Im Javascript habe ich folgende Funktion:

function debugViaVBValue(variable) {
  if (window.external) {
    window.external.debugSomeValues(variable);
  }
}

Diese Funktion kann ich auch im Javascript folgendermaßen aufrufen:

debugViaVBValue(latDiff);

Dann in der "korrespondierenden" WindowsForm ebenfalls eine Funktion:

Public Sub debugSomeValues(v As Object)
  Debug.Print(v.ToString)
End Sub

Damit kann ich jede Javascript-Variable während des Ablaufs im Direktfenster anzeigen, so wie man es beim Debuggen unter VS gewöhnt ist.