Raccourci UI de recherche BRDEF sur l’écran d’accueil d’un device Apple
Créer un raccourci vers notre interface utilisateur de recherche sur l’écran de votre device Apple
Ce petit tutoriel a pour objet de créer un raccourci vers notre UI de recherche ; comme si c’était une application !
Réalisation à partir de Safari sur un iPhone
Se rendre à l’adresse de l’interface : https://bluraydefectueux.com/ressources/api/recherchecomp.html
Il suffit alors de cliquer sur l’icône de partage (1), puis sélectionner « sur l’écran d’accueil » (2), alors ensuite vous aurez la possibilité de renommer ou non ce raccourci (ou signet) (3), voilà c’est fait ! (4)
La manipulation est quasiment identique avec le navigateur Firefox.
Côté création
Il faut indiquer au navigateur d’utiliser des ressources externes : les icônes.
Il faut donc créer des icônes carrées de plusieurs tailles (recommandées : 180×180, 152×152 et 120×120), et il faut indiquer dans l’entête du fichier HTML (entre les balises <head> </head>) grâce à la balise <link> et ses attributs : ‘rel’ (relation) = « apple-touch-icon », ‘sizes’ (en pixels, ex : 180×180) d’aller chercher ces icônes, ‘href ‘= url absolue ou relative du fichier.
Exemple : <link rel="apple-touch-icon" sizes="180x180" href="url">
L’effet d’arrondi des angles (ou tout autre effet) sur l’icône est appliqué par IOS.
Ultra simple et efficace. Vous pourrez toujours avoir notre UI de recherche « sous la main » !
