JavaFX WebViewでのHTML/Javascriptデバッグ

Question

Javafx WebView内で実行されるjavascriptとhtmlをデバッグする方法はありますか？ FirebugやChromeのデベロッパーコンソールに類似したものはありますか？

私はFirefoxとChromeでうまくレンダリングするアプリケーションを持っていますが、WebView内では正しくレンダリングされません。それは本当にいくつでもありえますが、いくつかのデバッグツールがなければ根本原因を突き止める方法はわかりません。

ありがとうございました。

Answer 1

対象ページのhtmlを変更せずにJavaFX WebViewでFirebug Liteを使用するためのJavaコードです。

webView.getEngine().executeScript("if (!document.getElementById('FirebugLite')){E = document['createElement' + 'NS'] && document.documentElement.namespaceURI;E = E ? document['createElement' + 'NS'](E, 'script') : document['createElement']('script');E['setAttribute']('id', 'FirebugLite');E['setAttribute']('src', 'https://getfirebug.com/' + 'firebug-lite.js' + '#startOpened');E['setAttribute']('FirebugLite', '4');(document['getElementsByTagName']('head')[0] || document['getElementsByTagName']('body')[0]).appendChild(E);E = new Image;E['setAttribute']('src', 'https://getfirebug.com/' + '#startOpened');}"); 

JavaFXボタンなどの任意のメカニズムを使用してコードをトリガーできます。

Answer 2

Firebug Liteは、どのWebブラウザにも組み込むことができます。 http://www.makeuseof.com/tag/install-firebug-for-browsers-other-than-firefox/

Answer 3

多分答えが遅くなるかもしれませんが、私はこの方法がとても簡単だと思います。次に、JavaでJSリスナクラスを作成

webengine.getLoadWorker().stateProperty().addListener(new ChangeListener<State>() { 
      @Override 
      public void changed(ObservableValue<? extends State> observable, 
        State oldValue, State newValue) { 
        JSObject jsobj = (JSObject) webengine.executeScript("window");      
        jsobj.setMember("java", new JSListener()); 
      } 
     }); 

：

はJavaで

のJavaをJavaScriptのリスナーを追加します。

JSListenerのJava：あなたが外からHTMLをロードする場合、あなたは、あなたにそれを変更することはできません

var javaReady = function(callback){ 
    if(typeof callback =='function'){ 
     if(typeof java !='undefined'){ 
      callback(); 
     } else { 
      var javaTimeout = 0; 
      var readycall = setInterval(function(){ 
      javaTimeout++; 
       if(typeof java !='undefined' || javaTimeout > 1000){ 
        try{ 
         callback(); 
        } catch(s){}; 
        clearInterval(readycall); 
       } 
      },1); 
     } 
    } 
}; 

      var errorlistener = function(msg, url, line){ 
      javaReady(function(){ 
      java.log(msg +", url: "+url+ ", line:" + line); 
      }); 
     }; 

     //overide onerror 
     var onerror = errorlistener; 

：

public class JSListener { 

     public void log(String text){ 
    System.out.println(text); 
} 
} 

は、htmlファイルに

JavascriptをJavaScriptを追加しますこのようなコードを使用することができます。

var testsss = window.open("http://testError.com"); 
testsss.onerror = errorlistener; 

が、最初のあなたは、それはあなたがここで見ることができます作るために、JavaでsetCreatePopupHandlerを追加する必要があります。webview not opening the popup window in javafx

Answer 4

私はクロームデベロッパーツールとSafariのWebインスペクタでのJavaFXのWebViewをデバッグしています。

DevToolsでデバッグするのに役立つ最小限のプロジェクトを作成しました。 Get it on GitHub。サンプルは、WebViewのを開き、WebSocketをサーブレットを可能に作成したjavaFXWebKitDebugger.jar

の

1. 実行可能javaFXWebKitDebugger.jar
2. ソースコード：あなたはそこに見つけることができます。 javaFXWebKitDebugger.jarを実行すると、Chromeブラウザが開き、ロードされます。dev tools url