Sunday, May 27, 2012

JavaFX 2: WebView

9:04 PM  ,  2 comments

This is a tutorial about adding HTML content to JavaFX 2 applications. Here, we will load some web page, and display it in an embedded browser. The embedded browser component is based on WebKit, an open source web browser engine. It supports Cascading Style Sheets (CSS), JavaScript, Document Object Model (DOM), and HTML5.

The embedded browser enables you to perform the following tasks in your JavaFX applications:
  • Render HTML content from local and remote URLs
  • Execute JavaScript commands
  • Perform upcalls from JavaScript to JavaFX.
  • Manage web pop-up windows
  • Apply effects to the embedded browser
Below you can take a look how our example will look in the end.
WebView
JavaFX 2 WebView
As can be seen from the code, it's a short and easy tutorial to follow. We will first, add our WebView browser and then load a web page with WebEngine. Below is shown the typical way to create WebView and WebEngine objects in your application.



Here is the  code of JavaFX 2 WebView example:


If you like this, and other JavaFX 2 tutorials on this blog, you can like this blog on Facebook to be informed about new JavaFX tutorials.



2 comments:

  1. UnknownJanuary 16, 2013 at 12:39 PM

    hi i want to open four urls in a single page can you please help me
    please send me example code in j2se

    ReplyDelete
  2. Huggins MafiguApril 2, 2017 at 4:59 PM

    My code is below and is failing to load the webView with the content. How can i best do it. Please help. Thanks



    package octopushr;

    import java.net.URL;
    import java.util.ResourceBundle;
    import javafx.fxml.FXML;
    import javafx.fxml.Initializable;
    import javafx.scene.web.WebEngine;
    import javafx.scene.web.WebView;

    public class AboutController implements Initializable {

    @FXML
    private WebView webView;

    @FXML
    private WebEngine engine;
    @Override
    public void initialize(URL url, ResourceBundle rb) {
    engine = webView.getEngine();
    engine.load("http://zoranpavlovic.blogspot.com/");
    }

    }

    ReplyDelete