Отладка HTML /Javascript в JavaFX WebView
Есть ли способы отладки JavaScript и HTML, который выполняется в Javafx WebView? Что-то похожее на Firebug или консоль разработчика Chrome?
У меня есть приложение, которое хорошо отображает в Firefox и Chrome, но не отображает правильно внутри WebView. Это действительно может быть сколько угодно, но без каких-либо инструментов отладки я не знаю, как отследить причину.
Благодарю.
4 ответа
Вот некоторый Java-код для использования Firebug Lite в JavaFX WebView без изменения HTML-кода целевой страницы.
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 или любой другой механизм, который вы пожелаете.
Я отлаживаю JavaFx WebView с помощью Chrome DevTools и Safari Web Inspector.
Я создал минимальный проект, чтобы помочь людям отлаживать с DevTools. Получите это на GitHub. Вы можете найти там:
- запускаемый javaFXWebKitDebugger.jar
- исходный код созданного javaFXWebKitDebugger.jar
В примере открывается WebView и включается сервлет WebSocket. Когда вы запустите javaFXWebKitDebugger.jar, откройте браузер Chrome и загрузите: dev tools url
Вы можете попробовать Firebug Lite, который может быть встроен в любой веб-браузер. См. http://www.makeuseof.com/tag/install-firebug-for-browsers-other-than-firefox/
Может быть, немного поздно, чтобы ответить, но я думаю, что этот путь довольно прост.
добавить слушатель JavaScript в Java
Джава:
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());
}
});
Затем создайте класс слушателя JS в Java.
JSListener Java:
public class JSListener {
public void log(String text){
System.out.println(text);
}
}
добавить JavaScript в HTML-файл
Javascript:
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;
Если вы хотите загрузить html извне, вы не можете изменить его, вы можете использовать такой код.
var testsss = window.open("http://testError.com");
testsss.onerror = errorlistener;
но сначала вам нужно добавить setCreatePopupHandler в java, чтобы сделать это вы можете увидеть здесь: webview не открывает всплывающее окно в javafx