Safari 17 veut bouter les applications Electron hors du Dock

Anthony Nelzin-Santos |

La plus grande annonce de la WWDC 2023 ? Ce n’est pas le casque Vision Pro. Ce n’est pas le Mac Pro. Ce n’est pas le MacBook Pro 15". Non, c’est la possibilité d’épingler un site web dans le Dock de macOS Sonoma. Dit comme cela, ce n’est pas très impressionnant, mais Safari 17 peut maintenant créer de véritables web apps. L’air de rien, Apple vient de porter un (petit) coup aux applications Electron.

Wikipédia « installée » sous la forme d’une web app. Image Apple/MacGeneration.

Cette fonctionnalité ne demande aucun effort particulier de la part du développeur. Lorsque vous utilisez le menu Fichier > Partager… > Ajouter au Dock, Safari empaquète le site web, qui prend place aux côtés des applications dans le Dock et le Launchpad. Vous pouvez alors le lancer avec Spotlight ou Siri, lui accorder (ou non) l’autorisation d’utiliser le micro et la webcam ou de connaitre votre position, et tout le toutim.

Les informations de connexion et les autres données des web apps ne sont pas partagées avec Safari. Si le site prend en charge le standard Web Push, il pourra vous envoyer des notifications si vous le souhaitez. Alors que les notifications envoyées depuis Safari comportent l’icône du navigateur, celles envoyées depuis une web app comportent l’icône du site. On croirait avoir affaire à une application native.

Le site du Club iGen dans le Dock. Image MacGeneration.

Le développeur peut toutefois fournir quelques informations pour personnaliser le titre, l’icône, la couleur, mais aussi le comportement de la web app. La barre d’outils peut ainsi être escamotée lorsque le site possède ses propres boutons de navigation ou peut s’en passer (mode standalone). Les liens provenant du même domaine s’ouvrent dans la web app, mais tous les autres s’ouvrent dans Safari, sauf les liens d’authentification oAuth et ceux provenant des domaines spécifiés par le développeur.

Cela étant dit, l’utilisateur garde le contrôle. Comme n’importe quelle autre application, une web app possède des réglages, qui permettent notamment de changer le titre par défaut et de contrôler les permissions. Pour de nombreuses applications qui ne sont rien d’autre que des sites web, cette fonctionnalité devrait repousser le besoin de s’encombrer d’un lourd wrapper Electron.

Les réglages de la web app. Image MacGeneration.

À cette fonctionnalité utile au commun des mortels répond une palanquée de nouveautés réservées aux développeurs, comme la refonte du menu Développement, qui permet d’ouvrir directement une rubrique de l’inspecteur web et d’inspecter un site ouvert sur un autre appareil. L’inspecteur gagne des outils de configuration des polices variables, des contrôles pour émuler les préférences de l’utilisateur, ainsi que des badges identifiant plus clairement les éléments de l’arbre DOM.

Même si le rythme de développement du navigateur s’est accéléré depuis la publication des premières technology previews, Apple attend sa grosse révision annuelle pour intégrer les dernières innovations de la « plateforme web ». Safari prend maintenant en charge les images au format JPEG XL et HEIC, en plus du format AVIF intégré l’an passé, pour participer pleinement à la guerre des conteneurs qui fait rage1.

Apple adopte la nouvelle API Managed Media Source, qui fournit un jeu d’outils de bas niveau pour améliorer l’efficacité du streaming vidéo, et le lecteur vidéo peut maintenant afficher des informations techniques en temps réel. Enfin, Safari 17 rattrape les dernières spécifications HTML (attribut popover, <hr> à l’intérieur d’un élément <select>) et CSS (@counter-style, font-size-adjust, @supports font-tech(), @supports font-format(), Media Queries 4…). Le blog de WebKit propose une liste complète des nouveautés, notamment en matière de JavaScript.


  1. JPEG XL devrait gagner sur ses seuls mérites techniques, mais AVIF a pris une longueur d’avance en matière d’implémentation.  ↩︎

avatar bunam | 
avatar R-APPLE-R | 

@bunam

Voilà c’est ça Unite ! Merci 😈

avatar ratz | 

pour unite oui,pas vraiment d'interet, par conatre coherence ca reste d'actualite vu que c'est chromium, et avec chrome, creer une web app implique d'avoir chrome ouvert (meme si ta web app s'ouvre dans une fenetre a part, mais en vrai c'est pas si ennuyeux, suffit just que chrome soit ouvert, et franchement ca consume tres peu d'energie et de ram, surtout si aucun onglet n'est ouvert )

ya t il une version gratuite et limitee pour coherence? je me demande si ils supportent le caching pour utiliser la suite google offline; en installant les web apps depuis chrome, tu peux utiliser google docs, sheets, gmail, youtube , le tout sans connection !

malheureusement ca ne marche qu'avec chrome il me semble, et pas avec edge ou tout autre browser chromium...et certainement pas avec safari

ca ne marche pas avec youtube music...ni avec google keep, a ma grande tristesse

avatar bunam | 

@ratz

il y a une Demo pour Coherence

j'utilise Unite pour avoir une app en lien avec ma box : freeboxOS
quelques fois comme ceci : https://cl.zo0.me/7KuW20pb

avatar jackhal | 

Et de https://www.fluidapp.com/ que j'utilise depuis... pas loin de 15 ans !

avatar Cyrille50 | 

Sherlockage de Coherence X

avatar stefhan | 

Je ne connaissais pas !

avatar _Lion04_ | 

Sera-t-il possible d’avoir Safari 17 sur macOS Ventura ?

avatar ratz | 

avec safari tech preview en theorie oui, meme si pour linstant c'est toujours 16

avatar joneskind | 

@_Lion04_

Il y a 2 applications qui permettent d’accéder aux nouveautés de WebKit sur un macOS plus ancien :
- Safari Technology Preview
- Safari Beta

Je t’avoue que je ne comprends pas forcément très bien la différence entre les deux. STP donne accès aux nouveautés du moteur et il est mis à jour tout au long de l’année. Safari Beta lui a l’air plus spécifique à l’application.

Sur le blog de WebKit il est indiqué qu’on peut tester les nouveautés de Safari 17 avec Safari Beta, mais le lien de téléchargement n’était pas disponible la dernière fois que j’ai regardé.

En environnement Linux il est aussi possible de tester le dernier WebKit avec Gnome Web (epiphany) qui dispose d’un excellent blogueur de contenu intégré (Pubs et CMP).

Le navigateur est d’ailleurs très performant par rapport à Firefox ou Chromium (dans tous les benchmarks possibles) mais n’est malheureusement pas compatible avec les sites de streaming à DRM (qui nécessitent encore windevine (?)) et n’a pas de store d’extensions.

avatar ratz | 

tech preview peut etre utilise en parralele avec safari

safari beta remplace safari, donc tu utilises le beta constamment

je prefere utiliser preview a vrai dire, plus pratique a mon sens

si le lien est disponible , je lai installee hier. par contre ca n'est toujours pas safari 17, le lien date de fin mai :)

de mes tests, chromium est bien plus rapide,et surprise, consomme moins de ram (par contre il consume plus d'energie malheureusement) . il ya eu enormement dameliorations sur chromium ces derniers mois. j'etais choque de voir que chrome consommait moins de RAM, alors que j'ai bcp d'extension sur chrome, et une seule sur safari

en gros j'ai teste avec 7 onglets different, chacun ouvert au meme endroit, tous logged in, et safari utilisait 2GO, alors que chrome en utilisait 1.65gb , fou non?

avatar joneskind | 

@ratz

Attention, Chrome sépare les process dans le moniteur d’activité.

Si tu veux avoir sa consommation réelle il faut filtrer en tapant Google.

C’est vrai aussi de Safari.

avatar ratz | 

je sais ! j'ai utilise une application tierce pour verifier lutilisaton de la ram

avatar joneskind | 

@ratz

Si tu n’a pas le dernier Safari c’est que le lien n’était pas disponible ^_^

Tu t’es retrouvé sur le portail de téléchargement Developer.Apple.com et t’as téléchargé la beta de Safari 16 qui est compatible Monterey j’imagine?

Je suis surpris que Safari Beta remplace Safari, mais je verrai bien quand elle sera disponible.

avatar ratz | 

nan j'ai telecharge safari compatible avec ventura ..

ben tu peux essayer safari beta si tu me crois pas haha,perso j'eviterais si j'etais toi

avatar ratz | 
avatar ratz | 

Release

171

Posted

May 31, 2023

desole pour ces messages, intempestifs lol

avatar joneskind | 

@ratz

Oui c’est ce que je dis. Safari Beta 16.6

avatar ratz | 

exact, j'ai du mal te comprendre, desole

avatar _Lion04_ | 

@joneskind

Ok. Cependant, une fois que Safari 17 sortira officiellement, serait-il distribué sur les anciens mac ?

avatar ratz | 

logiquement non, puisque les majs d'applications dites systemes sont intriquement liees a l'OS

une idiotie (ou pas) d;'apple, qui fait que safari, messages, mail, notes, calendrier, photos,rappels, facetime,plans, horloge, etc ne recoivenet plus aucune mises a jour apres leur dernier OS, contrairement a android qui continue a mettre a jour les appareils meme 10 plus tard

avatar _Lion04_ | 

@ratz

Merci !

avatar maxou56 | 

@_Lion04_
Normalement Safari 17 sera disponible sur Monterey et Ventura, par exemple Safari 16 est disponible actuellement sur BigSur et Monterey en plus de Ventura.
https://www.macg.co/macos/2022/09/safari-16-est-en-ligne-pour-macos-monterey-et-big-sur-131375

@ratz
Normalement Safari est mis à jour (MAJ optionnel) sur les 2 versions précédentes de macOS.

avatar ratz | 

heureux d'apprendre mon erreur ! c'est le cas uniquement pour safari ? optionnel dans le sens ou c'est comme command line tool ?

avatar _Lion04_ | 

@maxou56

J’espère qu’il en sera de même cette année.

avatar jackhal | 

Et JPEG XL sera supporté. Ça n’était pas le cas pour WebP et Catalina, par exemple.
https://twitter.com/jensimmons/status/1666058844122894336

avatar ratz | 

une âme charitable pour tester https://keep.google.com et me dire si ca marche offline? peut on ouvrir google keep et regarder des notes sans connexion?

je me demande si safari webapp supporte le caching, ce serait trop bien

également savoir s'il est possible de mettre les web apps dans /applications , au lieu du dock (qui est deja bien rempli pr moi)

avatar joneskind | 

@ratz

Qu’appelle-tu le caching ?

Safari, comme tous les navigateurs modernes, mets des ressources en cache pour éviter d’avoir à les recharger. Mais elles ne sont pas accessibles hors-ligne

Pour qu’une webapp soit accessible hors-ligne il faut qu’elle utilise les service worker. C’est le développeur web qui doit le mettre en place.

avatar ratz | 

je crois que malheureusement ca depend du site et du developpeur, c'est triste

le caching en web apps/pwa, cest qq chose que le dev doit valider pour autoriser son appli a mettre en cache des infos du site dans son container , afin de pouvoir l'utiliser hors lignes. il y a plusieurs pwa qui fonctionnent offline

c'est le mot que j'ai appris, mais si tu dis que cest service worker je te fais confiance

avatar joneskind | 

@ratz

Je serais vraiment très surpris que les apps Google supporte le mode hors-ligne dans Safari. Google fait absolument tout ce qu’elle peut pour forcer les utilisateurs à utiliser Chrome, via des restrictions totalement artificielles de ses outils.

avatar ratz | 

ouaip ca m'etonnerait pas non plus,mais sait on jamais...

mais je pense pas pour google keep, meme avec chrome ca ne marche pas hors ligne

ce qui est sympa par contre avec safari (tu me diras , ils ont pris leur temps hein, ca fait 5 ans que les autres browsers ont adopte les webapp , me trompe-je ?) c'est que tu n'as pas besoin d'avoir safari ouvert pr lancer ta web app ! quand je lance une web app installee depuis chrome, par exemple google messages, ca m'ouvre d'abord chrome (parceque la web app est liee au moteur principal)

ca n'utilise pas bcp de ram ni d'energie, mais ca m'a toujours enervee comme implementation

avatar joneskind | 

@ratz

Les web apps sont disponibles sur Safari Mobile depuis toujours. Au départ il n’y avait d’ailleurs que ça comme possibilité sur iPhone

Je n’ai jamais installé de web app avec Firefox. Je ne savais pas que c’était possible.

Chrome permet de le faire, mais la webapp installée intègre sa propre instance de Chrome et c’est très lourd.

WebKit fait moins de 10Mo. Une web app Chrome une centaine.

avatar ratz | 

oui , il est assez ironique qu'apple aient ete les premiers a autorise les webapps sur mobile, et les derniers a l'adopter sur desktop hahah

firefox oui c'est possible aussi si je ne m'abuse? mais sinon opera, chrome, edge, vivaldi, et pleiin d'autres, c'est clairement possible!

oui c'est bien le souci que j'ai avec ca. mais webkit ne fait pas 10Mo , je te montrerai plus tard.

avatar vincentn | 

@ratz

Cela ne fonctionne pas en offline (en tous cas pour cette première beta).

Les web apps sont dans le dossier /Users/xxx/Applications (ce qui est logique).
Elles sont accessibles via Launchpad et donc le Dock.

avatar R-APPLE-R | 

C’est pour moi aussi la meilleure annonce 😁 j’avais une application pour ça ( je ne me rappelle plus du nom ) 🤔😈

avatar ratz | 

unite ?

avatar R-APPLE-R | 

@ratz

Oui merci 😈

avatar ratz | 

dr 😈

avatar joneskind | 

@R-APPLE-R

FluidApp

avatar R-APPLE-R | 

@joneskind

Je connaissais pas celle-là merci 😈

avatar Foued | 

Quand je pourrais installer les applications chrome sur safari ou plutôt quand je pourrais installer metamask sur safari, je l'utiliserais.

avatar joneskind | 

@Foued

C’est pas complètement mort les crypto, avec toutes ces boites qui tombent les unes à la suite des autres ?

avatar Foued | 

@joneskind

justement ces dans la panique que tu te fais le plus d'argent 👀

avatar xDave | 

@Foued

Les extensions chromes?

avatar CtrlMaster | 

Pour moi l’une des nouveautés les plus importantes

avatar hillel | 

Electron n'a pas grand-chose à voir dans tout ça. Les développeurs utilisent Electron pour deux raisons principales:
- pouvoir être distribués sur le store
- pouvoir utiliser des API natives qui ne sont pas disponibles sur le web

Pour le reste, Electron n'a quasiment aucun intérêt depuis que les PWA ont été standardisées.

avatar r e m y | 

Pourquoi seulement dans le dock?
On ne peut pas mettre l'icône de la webApp dans le dossier Applications avec les autres applications?
(Et via un clic droit sur l'icône dans le dock puis "afficher dans le Finder", il doit y avoir moyen de trouver où se cache l'original vers lequel pointe l'icône du dock pour la déplacer vers "Applications" ou y créer un raccourci, non?)

avatar vincentn | 

@r e m y

Les web apps se trouvent, fort logiquement, dans le dossier applications de l’utilisateur (l’autre dossier applications).

avatar r e m y | 

Ah je préfère ça!
A la lecture de l'article j'avais l'impression qu'on ne pouvait les avoir QUE dans le dock...

avatar vincentn | 

@r e m y

Elles apparaissent également dans le Launchpad (et probablement via n’importe quel lanceur d’apps (je testerais ce soir en installant Alfred.

Pages

CONNEXION UTILISATEUR