Basics

Guides

API Reference

Menu

Basics

Guides

API Reference

class: WebView

[46:7] extends: Node

Wraps JavaFX WebView, a node that renders HTML content using an embedded web browser engine. Use getEngine() to load URLs or HTML strings and to interact with the page. WebView extends Parent and does not inherit Region CSS properties.

CSS Properties -- WebView

Property Values Default Description
-fx-context-menu-enabled true | false true When true, the browser's built-in context menu is enabled.
-fx-font-smoothing-type gray | lcd lcd Anti-aliasing strategy for text in the web page.
-fx-font-scale <number> 1 Scale factor applied to all fonts rendered in the page.
-fx-min-width <size> 0 Minimum width of the web view.
-fx-pref-width <size> 800 Preferred width of the web view.
-fx-max-width <size> (double max) Maximum width of the web view.
-fx-min-height <size> 0 Minimum height of the web view.
-fx-pref-height <size> 600 Preferred height of the web view.
-fx-max-height <size> (double max) Maximum height of the web view.

CSS Properties -- Node

Property Values Default Description
-fx-blend-mode add | blue | color-burn | color-dodge | darken | difference | exclusion | green | hard-light | lighten | multiply | overlay | red | screen | soft-light | src-atop | src-in | src-out | src-over null Blend mode used when compositing this node with nodes beneath it.
-fx-cursor null | crosshair | default | hand | move | e-resize | h-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | v-resize | text | wait | <url> null (inherits) Mouse cursor shape shown when the pointer is over this node. Inherits from parent by default.
-fx-effect <effect> null A visual effect (e.g. DropShadow, InnerShadow) applied to the rendered node.
-fx-focus-traversable true | false false Whether this node participates in focus traversal.
-fx-view-order <number> 0 Adjusts rendering and hit-test order within the parent without changing the scene graph order.
-fx-opacity <number> [0.0 - 1.0] 1 Opacity of the node. 0 is fully transparent, 1 is fully opaque.
-fx-rotate <number> 0 Rotation angle in degrees applied around the node's center point.
-fx-scale-x <number> 1 Scale factor along the X axis about the node's center.
-fx-scale-y <number> 1 Scale factor along the Y axis about the node's center.
-fx-scale-z <number> 1 Scale factor along the Z axis about the node's center.
-fx-translate-x <number> 0 Translation offset along the X axis in pixels.
-fx-translate-y <number> 0 Translation offset along the Y axis in pixels.
-fx-translate-z <number> 0 Translation offset along the Z axis in pixels.
visibility visible | hidden | collapse | inherit visible Controls whether the node is rendered and participates in layout.
-fx-managed true | false true When false, the parent layout does not manage this node's position or size.

Methods

  • WebView ()

    Creates a new WebView with default preferred dimensions (800 x 600).

  • getEngine ()

    Returns the WebEngine for loading and managing content.

    • @r A WebEngine object.
  • setPrefSize (double Width, double Height)

    Sets the preferred size.

    • @p Width is a double with the preferred width.
    • @p Height is a double with the preferred height.
    • @r this object for chaining
  • setZoom (double Zoom)

    Sets the zoom level.

    • @p Zoom is a double with the zoom factor (1.0 = 100%).
    • @r this object for chaining