# Web Share API

> Neste drop falo da Web Share API, uma Web API que visa facilitar o compartilhamento de conteúdo através da web.

- Canonical: https://betomuniz.com/blog/web-share-api
- Published: 2020-08-28
- Updated: 2026-04-21T17:44:00.000Z
- Language: pt
- Tags: JavaScript

---

A **Web Share API** dá acesso ao fluxo nativo de compartilhamento da plataforma em que sua aplicação web está sendo executada — o mesmo "share sheet" que apps nativos usam.

```javascript
await navigator.share({
  title: "...",
  url: "...",
  text: "...",
});
```

Antes de chamar `navigator.share()`, você pode usar `navigator.canShare()` para validar se o conteúdo (incluindo arquivos) é suportado:

```javascript
if (navigator.canShare && navigator.canShare({ files: [arquivo] })) {
  await navigator.share({ files: [arquivo], title: "..." });
}
```

O suporte hoje é **bom em Chrome (Android e ChromeOS), Edge, Safari (iOS e macOS)**. Firefox ainda não suporta — confira o status no [Can I Use](https://caniuse.com/web-share). Para fallback, vale ter um botão tradicional de compartilhamento em redes sociais ou a biblioteca [`share-api-polyfill`](https://github.com/on2-dev/share-api-polyfill).

Lembre-se: `navigator.share()` precisa ser chamado a partir de uma **interação do usuário** (click, tap), caso contrário o browser bloqueia a chamada.