WebView 不重新加载具有相同 URL 的页面

Question

WebView 不重新加载具有相同 URL 的页面

当加载与之前加载的页面具有相同 url 的页面时，JavaFX 会显示一些奇怪的行为。下面的代码演示了这个问题：

在类初始化加载页面后，然后使用自定义样式类将突出显示应用于任意 html 元素。此高光已正确呈现。

最后，通过用户输入事件，WebView 被告知加载一个新页面（具有相同的 URI）。不是按原样显示页面，而是显示突出显示。

WebView webView = new WebView();
static String URI = "http://www.example.com";

public void loadPage() {
    // Step 1: load page
    webView.getEngine().load(URI);

    // Step 2: Change style attribute in page
    (Element) element = xpath.evaluate("//div[@id='mydiv']", webView.getEngine().getDocument(), XPathConstants.NODE);
    element.setAttribute("class", "mystyle");
}

handle() {
    // Step 3: load page again
    webView.getEngine().load(URI);
}

Run Code Online (Sandbox Code Playgroud)

我已经尝试过使用 WebView.getEngine().reload() 强制页面重新加载、禁用缓存、等待工作人员完成等。

我目前看到的唯一选择是创建一个新的 WebView 实例，但由于这对 CPU 来说很重，我更喜欢重用该对象，而不是每次我想恢复到原始页面时都创建新的对象。

Answer 1

Ulu*_*Biy 2

这是一个 SSCCE，演示了 HTML 内容的重新加载。它与您的方法有点不同，但故事是相同的，尽管没有尝试加载像您这样的外部 URL。您对 webEngine 缓存的看法是正确的，因为它webEngine.reload()不会加载原始内容。

public class WebViewReload extends Application {

    private String content = "<html>"
            + "    <head>"
            + "         <style type=\"text/css\">"
            + "            .mystyle {"
            + "                padding: 20px;"
            + "                background-color: red;"
            + "                font-size: 30px;"
            + "            }"
            + "        </style>"
            + "    </head>"
            + "    <body>"
            + "        <div id=\"mydiv\">initial content</div>"
            + "    </body>"
            + "</html>";

    @Override
    public void start(final Stage stage) throws Exception {
        final WebView webView = new WebView();
        webView.getEngine().loadContent(content);
        // It is same as loading an external html source, like this
        // webView.getEngine().load(getClass().getResource("my.html").toExternalForm());

        Button btn1 = new Button("Apply style");
        btn1.setPrefWidth(200);
        btn1.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                Element element = webView.getEngine().getDocument().getElementById("mydiv");
                element.setAttribute("class", "mystyle");
                element.setTextContent("new content");
            }
        });

        Button btn2 = new Button("Reload content");
        btn2.setPrefWidth(200);
        btn2.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                webView.getEngine().loadContent(content);
                // following does not reload at all
                // webView.getEngine().reload();
            }
        });

        VBox vbox = new VBox(10);
        vbox.setPadding(new Insets(20));
        vbox.setStyle("-fx-background-color: gray");
        vbox.getChildren().addAll(webView, btn1, btn2);

        Scene scene = new Scene(vbox);
        stage.setScene(scene);
        stage.show();
    }

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	12 年，10 月前
查看次数：	3230 次
最近记录：	12 年，10 月前