Racira Developers

Web Share API Tester

Test Web Share API.

API: web share
Click the button to test the API.

More in Browser API Testers

Web Workers Playground

Test Web Worker scripts.

Service Worker Inspector

Inspect service workers.

Notification API Tester

Test browser notifications.

Geolocation Tester

Test Geolocation API.

Device Orientation Tester

Test device orientation.

Clipboard API Tester

Test Clipboard API.

Vibration API Tester

Test Vibration API.

Battery API Checker

Check Battery API.

What is Web Share Api Tester

The Web Share API Tester invokes the browser's native share dialog using navigator.share() and reports whether the share was completed, cancelled, or errored. The Web Share API provides a consistent, platform-native way for web pages to share content — text, URLs, or files — to other apps on the device (messaging, email, social media, etc.). Instead of implementing individual share buttons for every platform, developers can use a single Web Share API call that delegates to the operating system's share sheet. The tool triggers a share dialog with a test title and text, then displays the result. This is only available in secure contexts and requires a user gesture.

How to Use Web Share Api Tester

  1. Step 1: Open the Web Share API Tester page. The page shows a test button and output area.
  2. Step 2: Click the **Test API** button. If the Web Share API is available, the operating system's native share dialog opens.
  3. Step 3: In the share dialog, choose a target app or action. The output reports 'Share dialog opened!' on success.
  4. Step 4: If the user cancels the share dialog, the output shows 'Share cancelled' with the cancellation reason.
  5. Step 5: If the Web Share API is not supported (desktop browsers, iOS Safari in non-PWA context), the output indicates it is not supported.

Why Use Web Share Api Tester

The Web Share API is the modern replacement for custom share buttons, but its availability varies by platform and context. This tester lets developers quickly confirm whether their target browsers support the API and what the share flow looks like on each device. On Android Chrome, the share dialog appears as a bottom sheet; on iOS Safari, it requires the page to be added to the home screen as a PWA. Understanding these platform differences is critical before committing to Web Share as the primary sharing mechanism.

Privacy & Security

This tool runs entirely in your browser — no data ever leaves your device. There is no server round-trip, no upload, no logging, and no account required. Your input is processed locally using client-side JavaScript and is never stored, transmitted, or accessible to anyone else. When you close the tab, everything disappears.

Frequently Asked Questions

Why does the Web Share API only work on mobile?

<p>The Web Share API delegates to the operating system's native share sheet, which is a mobile-first concept. Desktop browsers have not widely implemented it because desktops typically have multiple windows open and a different sharing paradigm. Chrome on desktop may support it in some configurations.</p>

Does this share actual content to social media?

<p>The tool shares a test string ('Test' title with 'Hello' text). The share dialog lets the user choose the target app, but nothing is posted automatically — the user must complete the action in the chosen app.</p>

Can I share files with this API?

<p>Yes, navigator.share() supports a files property that accepts File objects. The current tool only shares text and a URL, but the API supports file sharing on compatible platforms.</p>