Using Clipboard Bridge in Web to App – Developer Guide

In Android WebView, the app exposes a JavaScript interface called Android for clipboard access. These methods can also fall back to native browser Clipboard API when outside WebView.

📋 Available Functions

Android.writeToClipboard(text, label)

• text: The text to copy
• label: Optional label (default is “webview_clip”)
• Returns: true or false

Android.readFromClipboard()

• Returns: Clipboard content as string

✅ Usage with Fallback

function writeToClipboard(text) {
  if (typeof Android !== 'undefined' && Android.writeToClipboard) {
    const ok = Android.writeToClipboard(text, "webview_clipboard");
    console.log("Copied:", ok);
  } else if (navigator.clipboard) {
    navigator.clipboard.writeText(text)
      .then(() => console.log("Copied (browser)"))
      .catch(err => console.error("Copy failed:", err));
  }
}

function readFromClipboard() {
  if (typeof Android !== 'undefined' && Android.readFromClipboard) {
    const text = Android.readFromClipboard();
    console.log("From clipboard:", text);
  } else if (navigator.clipboard) {
    navigator.clipboard.readText()
      .then(text => console.log("From browser clipboard:", text))
      .catch(err => console.error("Read failed:", err));
  }
}

💡 Live Demo

Write to Clipboard Read from Clipboard