Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。
埋め込み Limited support

navigator.share()

Web Share API はOS ネイティブの共有ダイアログを表示し、テキスト・URL・ファイルを他のアプリやサービスと共有します。

埋め込み

概要

Web Share API はOS ネイティブの共有ダイアログを表示し、テキスト・URL・ファイルを他のアプリやサービスと共有します。

対応ブラウザ

デスクトップ

Chrome 128+
Edge 93+
Safari 12.1+
Firefox 未対応

モバイル

Chrome Android 61+
Safari iOS 12.2+
Firefox Android 79+

基本構文

JAVASCRIPT 
await navigator.share({
  title: 'ページタイトル',
  text: 'おすすめの記事です',
  url: 'https://example.com/article'
});

実務での使いどころ

  • navigator.share() の活用

    Web Share API。OSのネイティブ共有UIを呼び出すAPI。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク