JavaFX 8 WebEngine: Как получить console.log() из javascript в System.out в java?

Я использую как JavaFX, так и механизм javascript внутри JavaFX WebEngine для разработки приложения. Я бы хотел получить обратную связь от javascript для целей отладки. Что происходит с выходом консоли внутри WebEngine? Есть ли способ получить к нему доступ или перенаправить на System.out в java?

Ответ 1

Следующий код перенаправляет console.log() в JavaBridge.log():

import netscape.javascript.JSObject;

[...]

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

// Maintain a strong reference to prevent garbage collection:
// https://bugs.openjdk.java.net/browse/JDK-8154127
private final JavaBridge bridge = new JavaBridge();

[...]

webEngine.getLoadWorker().stateProperty().addListener((observable, oldValue, newValue) ->
{
    JSObject window = (JSObject) webEngine.executeScript("window");
    window.setMember("java", bridge);
    webEngine.executeScript("console.log = function(message)\n" +
        "{\n" +
        "    java.log(message);\n" +
        "};");
});

Ответ 2

Вы можете просто добавить прослушиватель сообщений, чтобы увидеть, что происходит в вашем выводе. Вам не нужно вводить js bridge с переопределением функций, таких как console.log для каждой загруженной страницы

WebConsoleListener.setDefaultListener((webView, message, lineNumber, sourceId) -> {
    System.out.println(message + "[at " + lineNumber + "]");
});

Ответ 3

Мне нравится идти в другом направлении. Мы используем log4j, поэтому я создал обертку javascript, как показано ниже:

module.exports = {

    levels:[ "ALL", "TRACE", "DEBUG", "INFO", "WARN", "ERROR", "OFF"],

    level:"INFO",

    error:function(msg){
      if(this.isErrorEnabled()){
        console.error(msg)
      }
    },
    warn:function(msg){
      if(this.isWarnEnabled()){
        console.warn(msg)
      }
    },
    info:function(msg){
      if(this.isInfoEnabled()){
        console.log("INFO: "+msg)
      }
    },
    debug:function(msg){
      if(this.isDebugEnabled()){
        console.log("DEBUG: "+msg)
      }
    },
    trace:function(msg){
      if(this.isTraceEnabled()){
        console.log("TRACE: "+msg)
      }
    },

    isErrorEnabled:function(){
      return this.isEnabled("ERROR");
    },
    isWarnEnabled:function(){
      return this.isEnabled("WARN");
    },
    isInfoEnabled:function(){
      return this.isEnabled("INFO");
    },
    isDebugEnabled:function(){
      return this.isEnabled("DEBUG");
    },
    isTraceEnabled:function(){
      return this.isEnabled("TRACE");
    },
    isEnabled:function(statementLevel){
      return this.levels.indexOf(this.level)<=this.levels.indexOf(statementLevel);
    }
  }

Затем в начале javascript я проверяю, присутствует ли журнал и его установка:

if(window.log == undefined){
  window.log = require("./utils/log4j-wrapper")
  window.log.level = "INFO"
}

И таким образом, если вы установите Log4j logger непосредственно на движок, прежде чем загружать URL-адрес, например:

WebEngine webEngine = webView.getEngine()
JSObject win = (JSObject) webEngine.executeScript("window")
win.setMember("log", log)  //log being the java log4j logger

Таким образом, я могу войти в систему, если я открываю непосредственно в браузере или запускается из WebView в программе JavaFX. И имеет дополнительное преимущество наличия уровней для ведения журнала в javascript, который соответствует вашим пакетам контроллера WebView. Просто альтернатива для больших представлений javascript.