Javafx实现浏览器

        浏览器是一种计算机程序，主要用于显示互联网上的网页。通过浏览器，用户可以访问各种网站、搜索引擎、在线应用程序、社交媒体等。常见的浏览器包括Google Chrome、Mozilla Firefox、Safari、Microsoft Edge、Opera等。浏览器的功能不仅限于浏览网页，还包括下载文件、管理书签、保存密码、清除浏览数据等。浏览器已成为人们日常生活中必不可少的工具之一。

        下面我们使用JavaFx来实现一下浏览器，代码如下：

import javafx.application.Application; import javafx.concurrent.Worker; import javafx.scene.Scene; import javafx.scene.control.Label; import javafx.scene.control.TextField; import javafx.scene.image.Image; import javafx.scene.input.KeyCode; import javafx.scene.layout.*; import javafx.scene.web.WebEngine; import javafx.scene.web.WebHistory; import javafx.scene.web.WebView; import javafx.stage.Stage; import lombok.extern.slf4j.Slf4j; @Slf4j public class BrowserApplication extends Application { private static String URL = " .fmill /"; private String url = URL; private String content; private Stage stage; private WebEngine engine; private TextField urlField; public BrowserApplication() { } public BrowserApplication(String url) { this.url = url; URL = url; } public BrowserApplication setAutoRefresh() { return this; } @Override public void start(Stage primaryStage) { stage = primaryStage; AnchorPane root = new AnchorPane(); // HBox topBox = new HBox(); topBox.setPrefHeight(30); topBox.setPrefWidth(1000); // topBox.setStyle("-fx-border-color: #999"); int len = 60; urlField = new TextField(); urlField.setPrefWidth(916 - len); urlField.setPrefHeight(30); setSearchTextFieldStyle(urlField); Image iconImage = JavaFxUtils.getIconImage(); Label homeLabel = newLabel(JavaFxUtils.getHomeImage()); Label backLabel = newLabel(JavaFxUtils.getPrevImage()); Label nextLabel = newLabel(JavaFxUtils.getNextImage()); Label freshLabel = newLabel(JavaFxUtils.getFreshImage()); Label moreLabel = newLabel(JavaFxUtils.getMoreImage()); topBox.getChildren().addAll(backLabel, nextLabel, freshLabel, homeLabel, urlField, moreLabel); WebView browser = new WebView(); browser.setPrefWidth(1000); browser.setPrefHeight(800); AnchorPane.setTopAnchor(browser, 30.0); //获取web浏览器引擎内核对象 engine = browser.getEngine(); engine.getLoadWorker().stateProperty().addListener((obs, oldValue, newValue) -> { System.out.println(oldValue + "->" + newValue); reload(); if (newValue == Worker.State.SUCCEEDED) { System.out.println("finished loading"); } }); urlField.setText(this.url); urlField.setOnAction(e -> { href(urlField.getText()); }); // urlField.textProperty().bind(engine.locationProperty()); System.out.println("是否开启脚本：" + engine.isJavaScriptEnabled()); engine.userAgentProperty().addListener(((observable, oldValue, newValue) -> { System.out.println("userAgent:" + oldValue + "," + newValue); })); if (content != null) { engine.loadContent(content); } else { href(url); } engine.locationProperty().addListener((event, o, n) -> { System.out.println(o + "->" + n); }); root.getChildren().addAll(topBox, browser); primaryStage.setTitle("小筱浏览器"); stage.getIcons().add(iconImage); Scene scene = new Scene(root); primaryStage.setScene(scene); primaryStage.setWidth(1020); primaryStage.setHeight(850); primaryStage.show(); primaryStage.widthProperty().addListener((event, o, n) -> { if (n != null) { browser.setPrefWidth(n.doubleValue() - 20); topBox.setPrefWidth(n.doubleValue() - 10); urlField.setPrefWidth(n.doubleValue() - 110 - len); } }); primaryStage.heightProperty().addListener((event, o, n) -> { browser.setPrefHeight(n.doubleValue() - 50); }); homeLabel.setOnMouseClicked(event -> { System.out.println("首页"); href(" .fmill "); }); backLabel.setOnMouseClicked(event -> { WebHistory history = engine.getHistory(); if (history.getCurrentIndex() > 0) { history.go(-1); } }); nextLabel.setOnMouseClicked(event -> { WebHistory history = engine.getHistory(); if (history.getCurrentIndex() < history.getEntries().size() - 1) { history.go(+1); } }); freshLabel.setOnMouseClicked(event -> { String location = engine.getLocation(); href(location); }); root.setOnKeyPressed(event -> { if (event.getCode().equals(KeyCode.F5)) { System.out.println("刷新页面"); engine.reload(); String location = engine.getLocation(); System.out.println(location); this.url = location; URL = this.url; } }); engine.onStatusChangedProperty().addListener((event, o, n) -> { System.out.println("onStatusChangedProperty"); }); primaryStage.setOnCloseRequest(event -> { primaryStage.close(); }); } private void href(String openUrl) { engine.load(openUrl); this.url = openUrl; URL = this.url; this.urlField.setText(openUrl); } private void reload() { String location = engine.getLocation(); WebHistory history = engine.getHistory(); System.out.println(history.getCurrentIndex()); if (!this.url.equals(location)) { System.out.println("网址发生改变..."); this.url = location; URL = this.url; this.urlField.setText(location); } else { System.out.println("网址未发生变动"); } } private static Label newLabel(Image image) { Label label = new Label(); label.setBackground(getBackground(image)); label.setPrefWidth(30); label.setPrefHeight(30); label.setMinWidth(30); label.setMinHeight(30); return label; } public static Background getBackground(Image image) { return new Background(new BackgroundImage(image, BackgroundRepeat.NO_REPEAT, BackgroundRepeat.NO_REPEAT, BackgroundPosition.CENTER, BackgroundSize.DEFAULT)); } private void setSearchTextFieldStyle(TextField urlField) { urlField.setStyle("-fx-border-color: #e2e2e2;-fx-background-color: #e2e2e2;-fx-border-radius: 10px;-fx-background-radius: 10px;-fx-highlight-fill: #a4adc7;-fx-highlight-text-fill: #000000;"); urlField.setOnMousePressed(event -> urlField.setStyle("-fx-border-color: #29aff8;-fx-background-color: #fff;-fx-border-radius: 10px;-fx-highlight-fill: #a4adc7;-fx-highlight-text-fill: #000000;")); urlField.setOnMouseExited(event -> urlField.setStyle("-fx-border-color: #ced0d5;-fx-background-color: #fff;-fx-border-radius: 10px;-fx-highlight-fill: #a4adc7;-fx-highlight-text-fill: #000000;")); } public void setUrl(String url) { this.url = url; URL = this.url; } public BrowserApplication setContent(String content) { this.content = content; return this; } }

        其中获取Image这里需要自己定义：

        图标在下面，有需要的话自己抓取：

        输入百度链接，效果如下：