浏览器是一种计算机程序,主要用于显示互联网上的网页。通过浏览器,用户可以访问各种网站、搜索引擎、在线应用程序、社交媒体等。常见的浏览器包括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 = "https://www.fmill.cn/";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;}@Overridepublic 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("https://www.fmill.cn");});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这里需要自己定义:
图标在下面,有需要的话自己抓取:
输入百度链接,效果如下: