技术标签: webview java javafx javascript
解决webview首次加载的html页面无法使用js调用java程序问题。
根据官网给出的例子,自己写了个总是调用不成功。以下是官网例子代码:
http://docs.oracle.com/javase/8/javafx/embedded-browser-tutorial/js-javafx.htm
import javafx.application.Application;
import javafx.application.Platform;
import javafx.beans.value.ObservableValue;
import javafx.concurrent.Worker.State;
import javafx.event.ActionEvent;
import javafx.geometry.HPos;
import javafx.geometry.Pos;
import javafx.geometry.VPos;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Hyperlink;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Priority;
import javafx.scene.layout.Region;
import javafx.scene.paint.Color;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
import netscape.javascript.JSObject;
public class WebViewSample extends Application {
private Scene scene;
@Override
public void start(Stage stage) {
// create scene
stage.setTitle("Web View Sample");
scene = new Scene(new Browser(stage), 900, 600, Color.web("#666970"));
stage.setScene(scene);
// apply CSS style
scene.getStylesheets().add("webviewsample/BrowserToolbar.css");
// show stage
stage.show();
}
public static void main(String[] args) {
launch(args);
}
}
class Browser extends Region {
private final HBox toolBar;
final private static String[] imageFiles = new String[]{
"product.png",
"blog.png",
"documentation.png",
"partners.png",
"help.png"
};
final private static String[] captions = new String[]{
"Products",
"Blogs",
"Documentation",
"Partners",
"Help"
};
final private static String[] urls = new String[]{
"http://www.oracle.com/products/index.html",
"http://blogs.oracle.com/",
"http://docs.oracle.com/javase/index.html",
"http://www.oracle.com/partners/index.html",
WebViewSample.class.getResource("help.html").toExternalForm()
};
final ImageView selectedImage = new ImageView();
final Hyperlink[] hpls = new Hyperlink[captions.length];
final Image[] images = new Image[imageFiles.length];
final WebView browser = new WebView();
final WebEngine webEngine = browser.getEngine();
final Button toggleHelpTopics = new Button("Toggle Help Topics");
private boolean needDocumentationButton = false;
public Browser(final Stage stage) {
//apply the styles
getStyleClass().add("browser");
for (int i = 0; i < captions.length; i++) {
// create hyperlinks
Hyperlink hpl = hpls[i] = new Hyperlink(captions[i]);
Image image = images[i]
= new Image(getClass().getResourceAsStream(imageFiles[i]));
hpl.setGraphic(new ImageView(image));
final String url = urls[i];
final boolean addButton = (hpl.getText().equals("Help"));
// process event
hpl.setOnAction((ActionEvent e) -> {
needDocumentationButton = addButton;
webEngine.load(url);
});
}
// create the toolbar
toolBar = new HBox();
toolBar.setAlignment(Pos.CENTER);
toolBar.getStyleClass().add("browser-toolbar");
toolBar.getChildren().addAll(hpls);
toolBar.getChildren().add(createSpacer());
//set action for the button
toggleHelpTopics.setOnAction((ActionEvent t) -> {
webEngine.executeScript("toggle_visibility('help_topics')");
});
// process page loading
webEngine.getLoadWorker().stateProperty().addListener(
(ObservableValue<? extends State> ov, State oldState,
State newState) -> {
toolBar.getChildren().remove(toggleHelpTopics);
if (newState == State.SUCCEEDED) {
JSObject win
= (JSObject) webEngine.executeScript("window");
win.setMember("app", new JavaApp());
if (needDocumentationButton) {
toolBar.getChildren().add(toggleHelpTopics);
}
}
});
// load the home page
webEngine.load("http://www.oracle.com/products/index.html");
//add components
getChildren().add(toolBar);
getChildren().add(browser);
}
// JavaScript interface object
public class JavaApp {
public void exit() {
Platform.exit();
}
}
private Node createSpacer() {
Region spacer = new Region();
HBox.setHgrow(spacer, Priority.ALWAYS);
return spacer;
}
@Override
protected void layoutChildren() {
double w = getWidth();
double h = getHeight();
double tbHeight = toolBar.prefHeight(w);
layoutInArea(browser,0,0,w,h-tbHeight,0,HPos.CENTER,VPos.CENTER);
layoutInArea(toolBar,0,h-tbHeight,w,tbHeight,0,HPos.CENTER,VPos.CENTER);
}
@Override
protected double computePrefWidth(double height) {
return 900;
}
@Override
protected double computePrefHeight(double width) {
return 600;
}
}
<html lang="en">
<head>
<!-- Visibility toggle script -->
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if (e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
</head>
<body>
<h1>Online Help</h1>
<p class="boxtitle"><a href="#" οnclick="toggle_visibility('help_topics');"
class="boxtitle">[+] Show/Hide Help Topics</a></p>
<ul id="help_topics" style='display:none;'>
<li>Products - Extensive overview of Oracle hardware and software products,
and summary Oracle consulting, support, and educational services. </li>
<li>Blogs - Oracle blogging community (use the Hide All and Show All buttons
to collapse and expand the list of topics).</li>
<li>Documentation - Landing page to start learning Java. The page contains
links to the Java tutorials, developer guides, and API documentation.</li>
<li>Partners - Oracle partner solutions and programs. Popular resources and
membership opportunities.</li>
</ul>
<p><a href="about:blank" οnclick="openAppUtil.exit()">Exit the Application</a></p>
</body>
</html>
弄了几个小时,最后怀疑是不是javafx版本问题,我的版本和官网给的例子不一致导致的。
于是我就把官网的例子代码拷贝下来,直接使用它的例子,居然成功了。看来是程序哪里出问题了。
接下来就是不停的对照代码,希望能发现问题所在。又是2个多小时过去了,终于找到问题所在了,原来要右键点击重新加载一次页面,js才能调用java程序。
好奇怪的现象!!!官网例子不用重新加载是因为进入help.html页面是通过点击工具栏上的help按钮,浏览器才加载进去的,浏览器首次加载的是Oracle首页。
如果把官网例子
webEngine.load("http://www.oracle.com/products/index.html");
改为
webEngine.load(WebViewSample.class.getResource("help.html").toExternalForm());
那么一样也会出现点击超链接后不会退出程序,而是会进入一个空白页面,然后需要鼠标右击选择退回,再次点击超链接才能退出程序。
也就是说help.html页面要第二次加载js中才能调用java程序。
下面是我写的例子的解决方案。
package application.view;
import application.Main;
import application.util.ConfigUtil;
import application.util.OpenAppUtil;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.concurrent.Worker;
import javafx.concurrent.Worker.State;
import javafx.fxml.FXML;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import netscape.javascript.JSObject;
/**
* 根面板控制器
* @author pelin
*/
public class RootLayoutController {
@FXML
WebView browser;
WebEngine webEngine;
/**
* 初始化,类似与构造函数. fxml加载完成后自动调用该方法
*/
@FXML
private void initialize() {
webEngine = browser.getEngine();
OpenAppUtil openAppUtil = new OpenAppUtil();
webEngine.getLoadWorker().stateProperty().addListener(
new ChangeListener<State>() {
@Override public void changed(ObservableValue ov, State oldState, State newState) {
if (newState == Worker.State.SUCCEEDED) {
// stage.setTitle(webEngine.getLocation());
// System.out.println(newState);
JSObject win = (JSObject) webEngine.executeScript("window");
win.setMember("openAppUtil", openAppUtil);
}
else if (newState == Worker.State.FAILED){
// System.out.println(newState);
// webEngine.load(HtmlPath.class.getResource("home.html").toExternalForm());
}
else{
// System.out.println(newState);
}
}
});
// webEngine.load(ConfigUtil.getValue("homePage"));
webEngine.load(Main.class.getResource("view/test.html").toExternalForm());
// webEngine.load("http://10.100.1.240:8089/test.html");
}
}
win.setMember("openAppUtil", new OpenAppUtil());
改为
win.setMember("openAppUtil", openAppUtil);
并且在webEngine.getLoadWorker().stateProperty().addListener之前创建openAppUtil对象。即:OpenAppUtil openAppUtil = new OpenAppUtil();
这样webview在首次加载html后就可以调用java程序了。
文章浏览阅读231次。MySQL 同样也支持其他正则表达式的匹配, MySQL中使用 REGEXP 操作符来进行正则表达式匹配。如果您了解PHP或Perl,那么操作起来就非常简单,因为MySQL的正则表达式匹配与这些脚本的类似。下表中的正则模式可应用于 REGEXP 操作符中。模式 描述 ^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性,^ 也匹配 '..._数据库查询使用正则匹配aeiou
文章浏览阅读539次。stm32uart_stm32 uart
文章浏览阅读5.4k次。直线拟合算法函数说明:通过一些点拟合出一条直线。参数:pt_input指向传入的点的指针。ptNumbers传入的点数量。k指向拟合直线参数k的指针。b指向拟合直线参数b的指针。返回值:返回一个代数值判断拟合是否成功。如果成功,则返回 0。如果返回-1,表示点的数量<2。如果返回-2,表示x坐标无变化。代码:typedef struct tagPOINT_2 { double x; double y;}POINT_2, *PPOINT_2;int LineInf_c 直线拟合
文章浏览阅读4.1k次,点赞10次,收藏13次。java中的native关键字_java native关键字
文章浏览阅读1.5w次。实现MySQL版的urlencode与urldecodeurlencode执行如下脚本DELIMITER ;DROP FUNCTION IF EXISTS urlencode;DELIMITER |CREATE FUNCTION urlencode (s VARCHAR(4096)) RETURNS VARCHAR(4096)DETE_mysql urlencoder.encode
文章浏览阅读77次。MiniDao 简介及特征 MiniDao 是一款超轻量的JAVA持久层框架,具备Mybatis一样的SQL能力: 支持SQL分离、支持标签、支持注解。MiniDao产生的初衷是为了解决Hibernate项目对复杂SQL支持能力,具备Mybatis一样的灵活性,同时支持事务同步。具有以下特征:O/R mapping不用设置xml,零配置便于维护不需要了解JDBC的知识..._minidao transient
文章浏览阅读2.4w次,点赞3次,收藏22次。VMware中Manjaro安装VMwaretools的正确姿势前言google的方法运行脚本结果正确打开方式卸载open-vm-tools下载vmwaretools补丁进入vmware-tools-patches目录运行补丁删除刚刚安装到一半就报错的安装目录重新安装补丁完成前言我最近发现的Manjaro,瞬间被他的画风吸引,然后欢天喜地地去官网下载manjaro的kde镜像,然后在虚拟机中安..._manjaro安装vmtools
文章浏览阅读788次。安装及设置xrdptouch~/installXrdp.shcat>~/installXrdp.sh<#!/bin/bashecho"root:root123"|chpasswdsed-i"s,PermitRootLogin.*,PermitRootLoginyes,g"/etc/ssh/sshd_configservicesshrestartcp/etc/ap..._xrdp端口
文章浏览阅读173次。想要申请美国计算机科学专业硕士的你,需要提早准备,因为好学校的申请结果源于前期的提早规划。下面就给大家谈一下计算机科学硕士的申请要求和名校推荐。其实美国计算机科学专业在美国来说概念很模糊,可以说CS,CE和EE是相通的。有些美国院校设有有单独的计算机科学系,也有一部分将EE和CS设在一个院系下的,比如说:MIT,UC Berkeley,Northeastern U等。还有一部分将CS和CE设在一起...
文章浏览阅读4.8w次,点赞48次,收藏290次。前言:FISTA(A fast iterative shrinkage-thresholding algorithm)是一种快速的迭代阈值收缩算法(ISTA)。FISTA和ISTA都是基于梯度下降的思想,在迭代过程中进行了更为聪明(smarter)的选择,从而达到更快的迭代速度。理论证明:FISTA和ISTA的迭代收敛速度分别为O(1/k2)和O(1/k)。 本篇博文先从解决优化问题的传_fista算法
文章浏览阅读2.3k次,点赞7次,收藏2次。打开偏好设置,将冲突的快捷键关掉,就可以解决 idea 使用注释快捷键,会打开help页面的问题_idea和mac快捷键冲突
文章浏览阅读2k次,点赞2次,收藏5次。1、修改mq配置文件activemq.xml <broker xmlns="http://activemq.apache.org/schema/core" brokerName="localhost" dataDirectory="${activemq.data}" schedulerSupport="true">添加上schedulerSupport="true"2、pom文件添加 <dependency> <groupId._activemq延时队列