DEV Community

Cover image for Web Share API: One Byte Explainer ✍️
Rajeev R. Sharma
Rajeev R. Sharma Subscriber

Posted on • Edited on

2 1 1 1

Web Share API: One Byte Explainer ✍️

#frontendchallenge #devchallenge #javascript #webdev

This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.

Explainer

Web Share APIs are used to share text, links, files and other contents in web apps by showing the native share dialogs.

navigator.canShare() validates content shareability, and navigator.share() opens the native share dialog.

Additional Context

Web Share APIs use the web-share permission policy, and your app must have the permission granted for the API to work. Also, the sharing must be triggered by a UI event (e.g. button click).

For more information you can visit the MDN docs

Other Resources

  1. A related real life issue I faced while using the Web Share API & the clipboard API

  2. Learn how to make your app receive the shared content and appear in the native share dialogs: Web Share Target API

profile
Coherence
 Promoted

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

profile
Neon
 Promoted

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

Read next

aaravjoshi profile image

Real-time Data Synchronization Patterns: Build Modern Web Apps with WebSocket and Firebase Integration

Aarav Joshi -

techelopment profile image

npm start...the server is up&running!

Techelopment -

prince_beec5ccde00b7c6c73 profile image

Interactive cards hover using the html css and javascript. Follow us on the instagram for more....

Prince -

prince_beec5ccde00b7c6c73 profile image

Illusion pattern creation using the html css and javascript code with the video

Prince -

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay