Understand the native UI around your WebView

Inspect the native hierarchy and capture screenshots to investigate the UI surrounding your Cordova/Capacitor WebView.

VisualTree tools help investigate the native UI surrounding your WebView and capture what the app is showing. Use DOM Inspection for the HTML elements inside the WebView.

const options = Ansight.createOptionsBuilder()
  .withVisualTreeTools()
  .withReadOnlyToolAccess()
  .build();

Native ui.* tools expose the UIKit or Android hierarchy, screenshot capture, node inspection, and supported overlay operations. The WebView usually appears as a native container rather than a complete HTML element tree. Native and DOM sources use the shared compact visual-tree v2 contract, including types/typeId, semantic state, presentation data, and structural child order.

Use DOM Inspection for HTML elements, accessible labels, attributes, CSS queries, and guarded interactions inside the WebView.