Native Web Screenshot

Capture high-resolution native screenshots of the current web view canvas. Nativine embeds native iOS drawViewHierarchyInRect and Android PixelCopy / Bitmap screenshot engines, enabling 1-tap receipt generation, ticket sharing, and visual bug reporting.

1. Overview & Native Capabilities

HTML5 canvas screenshot libraries (like html2canvas) fail on complex CSS grids, cross-origin images, and custom fonts. Nativine's Native Web Screenshot plugin renders GPU-accelerated bitmap captures at full device resolution:

• GPU-Accelerated Bitmap Capture: Capture pixel-perfect screenshots of the visible viewport or full scrollable web page.
• Instant Native Share Sheet: Present native Share Sheet immediately to share captured screenshot via WhatsApp, Email, or iMessage.
• Watermarking & Branding: Automatically overlay your logo or custom watermark on captured screenshots.

2. No-Code App Builder Setup Guide

Nativine App Builder Configuration

1. Open the Nativine App Builder at /web-to-app-converter-pro.
2. Click Add-ons & Plugins in the left builder menu and locate Native Web Screenshot.
3. Toggle Native Web Screenshot to ON (or click Enable), then click Config.
4. Configure your required settings, permissions descriptors, or target web parameters.
5. Click Save Config and navigate to the Builds tab to compile your mobile application.

3. Native JS Bridge API Reference

To capture a screenshot of the active web view from JavaScript, call nativine.screenshot.capture():

nativine.screenshot.capture({
  quality: 0.9,
  format: 'png',
  shareImmediately: true,
  callback: 'onScreenshotCaptured'
});

function onScreenshotCaptured(result) {
  console.log("Local Image File URI:", result.fileUri);
  console.log("Base64 Image Data:", result.base64Data);
}

Parameters

4. Frequently Asked Questions (Q&A)