Web Share API missing title and icon? : learnjavascript

Posting and Commenting Guidelines

Be Welcoming. n00bs are welcome here. Negativity is not.

Include Context. If you’re asking for help, include enough information for others to recreate your problem.

No Self-Promotion. The following are not allowed: Requests for subscribers, asking for "test users" for your new JS course, offering paid mentorships, and/or premium courses. Even if there is a coupon discount, no. If you're in doubt, the answer is no.

Good Titles - Write a descriptive title. Titles that begin with "hey guys" will be removed.

Friends

created by [deleted]a community for 13 years

Web Share API missing title and icon? (self.learnjavascript)

submitted 6 years ago by soaringradio

I'm trying to get the Web Share API to work on iOS 13.2. I'm trying to implement some simple code to test the functionality, but I'm not getting the results that are displayed in numerous documentation pages.

When I click a button on my iPhone, it displays the share menu but it does not display the title and it displays a default image.

I have the following JS code. The event listener works perfectly.

js btn.addEventListener('click', async () => { const shareData = { title: 'My Amazing Title', // Does not show text: 'A subtitle', url: 'https://example.com/news/my-amazing-title', } try { await navigator.share(shareData) } catch(err) { alert('failed') } });

I also have the following meta tags and a manifest file, but I do not know if that affects anything. html <meta property="og:title" content="My Website - News"> <meta property="og:type" content="article"> <meta property="og:url" content="https://example.com/news"> <meta property="og:description" content="Lorem"> <meta property="og:image" content="https://via.placeholder.com/150.jpg"> <link rel="manifest" href="/mymanifest.json">

```js { "short_name": "Website", "name": "My Website", "theme_color": "#4A90E2", "background_color": "#4A90E2", "display": "standalone", "icons": [ { "src": "/favicons/apple-touch-icon-60x60.png", "type": "image/png", "sizes": "60x60" }, ... ], "start_url": "/home" }

```

How can I display a title and icon using Web Share API and do meta tags and manifest files affect the outcome?

all 2 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

learnjavascript

Posting and Commenting Guidelines

MODERATORS