从javafx浏览器的webview中当前网页的超链接在另一个选项卡中打开网页

Question

我开发了一个非常简化但功能齐全的 JavaFX Web 浏览器，用于说明我想问的问题。下面是源代码。

public class OpenInNewTab extends Application {    
@Override
public void start(Stage primaryStage)
{
    TabPane tabPane = new TabPane();       

    WebView webView = new WebView();

    Tab tab = new Tab("Home Tab");
    tab.setContent(webView);

    tabPane.getTabs().add(tab);

    webView.getEngine().load("https://www.google.co.in/?gws_rd=ssl#q=javafx");

    BorderPane root = new BorderPane();
    root.setTop(tabPane);

    Scene scene = new Scene(root, 600, 339);

    primaryStage.setTitle("Basic browser");
    primaryStage.setScene(scene);
    primaryStage.show();
}    
public static void main(String[] args)
{
    launch(args);
} }

此浏览器会从此link 加载网页。我希望当我单击任何搜索结果时，单击的超链接应在与现有“主页”选项卡相邻的新选项卡中打开。

在网上广泛搜索后，我一无所获。

请帮助我提供相关代码。谢谢。

Answer 1

首先，您需要找到一种方法来处理显示页面上的所有传出点击事件。我已经制作了一个辅助方法来实现这一点。它为每个链接创建一个事件侦听器，单击它将打开一个新选项卡。

private void handleUrls(Document doc) {
    NodeList links = doc.getElementsByTagName("a");
    for (int i = 0; i < links.getLength(); i++) {
        EventTarget eventTarget = (EventTarget) links.item(i);
        String link = links.item(i).toString();
        eventTarget.addEventListener("click", e -> {
            WebView webView = new WebView();
            alterWebView(webView);

            Tab tab = new Tab(link);
            tab.setContent(webView);
            tab.setClosable(true);

            webView.getEngine().load(link);

            tabPane.getTabs().add(tab);

            e.preventDefault();
        }, false);
    }
}

您可能想为标签设置一个更好的名称...我使用链接作为临时解决方案，但它又长又乱。

webView.getEngine().load(link);

上面引用的alterWebView 是另一个辅助函数。它负责跟踪加载进度。一旦Worker 什么都不做，它就会给所有的url 添加监听器。

private void alterWebView(WebView webView) {
    WebEngine engine = webView.getEngine();
    Worker worker = engine.getLoadWorker();

    worker.stateProperty().addListener((oldVal, newVal, o) -> {
        if (newVal.equals(State.RUNNING)) {
            handleUrls(engine.getDocument());
        }
    });
}

所以基本上，上面代码背后的逻辑如下：

• 我们跟踪 WebEngine 的 State 直到页面完全加载，然后我们将事件侦听器添加到每个 url。

• 这些侦听器在被调用时将创建一个新的WebView，并对其进行相应处理，并将其添加到新的Tab 内的TabPane。

下面是基于您的代码的完整的工作示例：

public class JavaFXTest extends Application {

    private TabPane tabPane;

    @Override
    public void start(Stage primaryStage) {
        tabPane = new TabPane();
        WebView webView = new WebView();
        alterWebView(webView);

        Tab tab = new Tab("Home Tab");
        tab.setContent(webView);
        tab.setClosable(true);

        tabPane.getTabs().add(tab);

        webView.getEngine().load("https://www.google.co.in/?gws_rd=ssl#q=javafx");

        BorderPane root = new BorderPane();
        root.setTop(tabPane);

        Scene scene = new Scene(root, 600, 339);

        primaryStage.setTitle("Basic browser");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }

    private void alterWebView(WebView webView) {
        WebEngine engine = webView.getEngine();
        Worker worker = engine.getLoadWorker();

        worker.stateProperty().addListener((oldVal, newVal, o) -> {
            if (newVal.equals(State.RUNNING)) {
                handleUrls(engine.getDocument());
            }
        });
    }

    private void handleUrls(Document doc) {
        NodeList links = doc.getElementsByTagName("a");
        for (int i = 0; i < links.getLength(); i++) {
            EventTarget eventTarget = (EventTarget) links.item(i);
            String link = links.item(i).toString();
            eventTarget.addEventListener("click", e -> {
                WebView webView = new WebView();
                alterWebView(webView);

                Tab tab = new Tab(link);
                tab.setContent(webView);
                tab.setClosable(true);

                webView.getEngine().load(link);

                tabPane.getTabs().add(tab);

                e.preventDefault();
            }, false);
        }
    }
}