Javascript 执行脚本Webview JavaFx
这是我的浏览器框架:Javascript 执行脚本Webview JavaFx,javascript,java,swing,google-maps,javafx-webengine,Javascript,Java,Swing,Google Maps,Javafx Webengine,这是我的浏览器框架: public class Browser extends JFrame { private final JFXPanel jfxPanel = new JFXPanel(); private WebEngine engine; private final JPanel panel = new JPanel(new BorderLayout()); private final JLabel lblStatus = new JLabel(); private final
public class Browser extends JFrame {
private final JFXPanel jfxPanel = new JFXPanel();
private WebEngine engine;
private final JPanel panel = new JPanel(new BorderLayout());
private final JLabel lblStatus = new JLabel();
private final JButton btnGo = new JButton("Go");
private final JTextField txtURL = new JTextField();
private final JProgressBar progressBar = new JProgressBar();
public Browser() {
super();
initComponents();
}
private void initComponents() {
createScene();
ActionListener al = new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
loadURL(txtURL.getText());
}
};
btnGo.addActionListener(al);
txtURL.addActionListener(al);
progressBar.setPreferredSize(new Dimension(150, 18));
progressBar.setStringPainted(true);
JPanel topBar = new JPanel(new BorderLayout(5, 0));
topBar.setBorder(BorderFactory.createEmptyBorder(3, 5, 3, 5));
topBar.add(txtURL, BorderLayout.CENTER);
topBar.add(btnGo, BorderLayout.EAST);
JPanel statusBar = new JPanel(new BorderLayout(5, 0));
statusBar.setBorder(BorderFactory.createEmptyBorder(3, 5, 3, 5));
statusBar.add(lblStatus, BorderLayout.CENTER);
statusBar.add(progressBar, BorderLayout.EAST);
panel.add(topBar, BorderLayout.NORTH);
panel.add(jfxPanel, BorderLayout.CENTER);
panel.add(statusBar, BorderLayout.SOUTH);
getContentPane().add(panel);
setPreferredSize(new Dimension(1024, 600));
setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
pack();
}
private void createScene() {
Platform.runLater(new Runnable() {
@Override
public void run() {
WebView view = new WebView();
engine = view.getEngine();
engine.titleProperty().addListener(new ChangeListener<String>() {
@Override
public void changed(ObservableValue<? extends String> observable, String oldValue, final String newValue) {
SwingUtilities.invokeLater(new Runnable() {
@Override
public void run() {
Browser.this.setTitle(newValue);
}
});
}
});
engine.setOnStatusChanged(new EventHandler<WebEvent<String>>() {
@Override
public void handle(final WebEvent<String> event) {
SwingUtilities.invokeLater(new Runnable() {
@Override
public void run() {
lblStatus.setText(event.getData());
}
});
}
});
engine.locationProperty().addListener(new ChangeListener<String>() {
@Override
public void changed(ObservableValue<? extends String> ov, String oldValue, final String newValue) {
SwingUtilities.invokeLater(new Runnable() {
@Override
public void run() {
txtURL.setText(newValue);
}
});
}
});
engine.getLoadWorker().workDoneProperty().addListener(new ChangeListener<Number>() {
@Override
public void changed(ObservableValue<? extends Number> observableValue, Number oldValue, final Number newValue) {
SwingUtilities.invokeLater(new Runnable() {
@Override
public void run() {
progressBar.setValue(newValue.intValue());
}
});
}
});
engine.getLoadWorker()
.exceptionProperty()
.addListener(new ChangeListener<Throwable>() {
public void changed(ObservableValue<? extends Throwable> o, Throwable old, final Throwable value) {
if (engine.getLoadWorker().getState() == FAILED) {
SwingUtilities.invokeLater(new Runnable() {
@Override
public void run() {
JOptionPane.showMessageDialog(
panel,
(value != null)
? engine.getLocation() + "\n" + value.getMessage()
: engine.getLocation() + "\nUnexpected error.",
"Loading error...",
JOptionPane.ERROR_MESSAGE);
}
});
}
}
});
jfxPanel.setScene(new Scene(view));
}
});
}
public void loadURL(final String url) {
Platform.runLater(new Runnable() {
@Override
public void run() {
File file = new File(url);
URL url;
try {
url = file.toURI().toURL();
engine.getLoadWorker().stateProperty().addListener(
new ChangeListener<State>() {
public void changed(ObservableValue ov, State oldState, State newState) {
if (newState == State.SUCCEEDED) {
engine.executeScript("addPoint(0,-26.487000,151.984000)");
}
}
});
engine.load(url.toString());
} catch (MalformedURLException ex) {
Logger.getLogger(Browser.class.getName()).log(Level.SEVERE, null, ex);
}
}
});
}
}
并使用函数addPoint添加标记,但随后出现以下错误:
Exception in thread "JavaFX Application Thread" netscape.javascript.JSException: ReferenceError: Can't find variable: addPoint
有没有办法从我的java代码中调用方法loadUrl中的函数addPoint,然后加载浏览器 简短的回答是“你有时间问题”。JavaFXWebEngine误导了您。问题是您异步加载google maps api。
JavaFx加载了htmlpage,但此时未加载maps对象
所以你有两个选择。首先,java正在加载google地图和标记。第二个是,当映射被加载时,javascript调用java
1 java call all示例:
engine.getLoadWorker().stateProperty().addListener(
new ChangeListener<State>() {
public void changed(ObservableValue ov, State oldState, State newState) {
if (newState == State.SUCCEEDED) {
//engine.executeScript("addPoint(0,-26.487000,151.984000)");
JSObject win = (JSObject) engine.executeScript("window");
win.setMember("javaObj", new Bridge(engine));
engine.executeScript("javaObj.start()"); }
}
});
engine.load(url.toString());
对html页面的更改:
var initMap =function() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 13,
center: new google.maps.LatLng(-27.487000, 152.984000),
});
javaObj.call();
}
PS:JQuery仅用于加载GoogleMaps脚本并进行调试。我不知道谷歌地图api,所以我不知道为什么地图会放大那么多,但这是另一个问题。简短的回答是“你有时间问题”。JavaFXWebEngine误导了您。问题是您异步加载google maps api。
JavaFx加载了htmlpage,但此时未加载maps对象
所以你有两个选择。首先,java正在加载google地图和标记。第二个是,当映射被加载时,javascript调用java
1 java call all示例:
engine.getLoadWorker().stateProperty().addListener(
new ChangeListener<State>() {
public void changed(ObservableValue ov, State oldState, State newState) {
if (newState == State.SUCCEEDED) {
//engine.executeScript("addPoint(0,-26.487000,151.984000)");
JSObject win = (JSObject) engine.executeScript("window");
win.setMember("javaObj", new Bridge(engine));
engine.executeScript("javaObj.start()"); }
}
});
engine.load(url.toString());
对html页面的更改:
var initMap =function() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 13,
center: new google.maps.LatLng(-27.487000, 152.984000),
});
javaObj.call();
}
PS:JQuery仅用于加载GoogleMaps脚本并进行调试。我不知道谷歌地图api,所以我不知道为什么地图会放大那么多,但这是另一个问题。你是个英雄!你是个英雄!
<!DOCTYPE html>
<html>
<head id="test">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<script
src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous"></script>
<title>Heatmaps</title>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}
</style>
</head>
<body>
<p><b>test</b></p>
<div id="map"></div>
</body>
</html>
engine.getLoadWorker().stateProperty().addListener(
new ChangeListener<State>() {
public void changed(ObservableValue ov, State oldState, State newState) {
if (newState == State.SUCCEEDED) {
//engine.executeScript("addPoint(0,-26.487000,151.984000)");
JSObject win = (JSObject) engine.executeScript("window");
win.setMember("javaObj", new Bridge(engine));
}
}
});
engine.load(url.toString());
public class Bridge {
private WebEngine engine;
public Bridge(WebEngine engine) {
this.engine = engine;
}
public void call() {
//System.out.println("do call");
engine.executeScript("addPoint(0,-26.487000,151.984000)");
}
}
var initMap =function() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 13,
center: new google.maps.LatLng(-27.487000, 152.984000),
});
javaObj.call();
}