Sur l'API de partage Web

L'API de partage Web est géniale! (Voir notre rapport). Autrement dit, il profite des capacités de partage natives de votre plateforme (si la plate-forme le prend en charge).

Je l'aime bien mieux que les autres méthodes:

Pourquoi?

• L'API de partage Web ne nécessite que quelques lignes de code et est très simple! Il n'y a pas besoin d'images, de longs JavaScript ou d'IFRames, et il n'y a aucun risque d'être dépassé (ahem, google).
• L'interface utilisateur que les utilisateurs voient seront personnalisées en fonction de leur plate-forme et peuvent même être personnalisées par les utilisateurs eux-mêmes, y compris ce qu'ils veulent.

Bonnes normes Web!

Mais toutes les plates-formes ne le soutiennent pas. Par exemple, j'écris ce billet de blog dans Chrome et cela ne fonctionne pas dans Desktop Chrome, mais il le fait dans Desktop Safari!

Donc, si je vais l'utiliser, je préfère tester la situation de support avant de mettre le bouton sur la page. C'est très facile:

 if (navigator.share) {
  // code ici}

Voici un exemple, si l'API est prise en charge, j'ajouterais un bouton au message:

Ce code JavaScript sera un peu traité, obtenant le titre et le premier paragraphe de l'article à utiliser dans l'API. J'aime la façon dont Jeremy Keith le gère au niveau de la page:

 if (navigator.share) {
  Navigator.share ({
    Titre: document.QuerySelector ('Title'). TextContent,
    Texte: document.QuerySelect
    URL: document.QuerySelector ('link [rel = "canonical"]'). getAttribute ('href')
  });
}

Vous pouvez également transmettre des chaînes directement à ces valeurs. Cela montre simplement comment faire les choses dynamiquement sur n'importe quelle page.

Jeremy a également plaidé pour une version JavaScript en option de l'API WEB SHARE, qui, selon lui, peut fonctionner comme ceci:

 <button onclick="navigator.share(...)">Partager</button>

Ensuite, utilisé pour spécifier le titre et le texte:

 <button data-title="..." data-text="...">Partager</button>

Je pense que c'est un peu étrange, en utilisant des virgules. Et si le titre contient une virgule? Et si vous spécifiez une URL? Pouvons-nous tous les diviser en propriétés? Je pense que je sais ce que Jeremy dirait: c'est une version déclarative simple. Si vous souhaitez modifier le comportement par défaut, c'est à cela que sert JavaScript.

Mais, devrait-il exister si le navigateur ne le soutient pas? Bien sûr, si vous utilisez Polyfill:

Ce polyfill transformera le bouton en un e-mail: expérience sans support. C'est très intelligent. Je pense que si je suis dans un environnement de production, je n'ajouterais probablement les boutons que si la fonctionnalité est vraiment prise en charge.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!