Un (très) long article qui s'attarde sur la notion d'espaces en HTML et sur toutes les bizarreries mises en œuvre par votre navigateur pour les gérer.
C'est très intéressant parce que finalement pour un développeur expérimenté, tout ça semble naturel alors que l'article montre très clairement à quel point ça ne l'est pas !
On a tous eu un jour ou l'autre un souci d'espace qu'on finit toujours par réussir à régler soit au marteau (coucou
) soit sans vraiment savoir comment.
J'aime bien ces articles qui se penchent sur un tout petit aspect de nos navigateurs et montrent leur complexité cachée.
Les navigateurs modernes sont de sacrées pièces d'horlogerie.
En ajoutant #:~:text=
à la fin d'une URL puis le texte qui apparaît quelque part sur la page, ce dernier sera surligné lorsque vous accèderez au lien, et la position de défilement placera ce texte au milieu.
Une sorte de version boostée aux hormones des classiques ancres qui ciblent les éléments avec un attribut HTML id
.
Voici la syntaxe :
https://example.com/page.html#:~:text=[prefix-,]textStart[,textEnd][,-suffix]
Quelques astuces pour se faciliter la vie avec les outils de développement des navigateurs.
Ce site permet d'accéder à un navigateur exécuté sur un serveur distant en streaming. L'idée est de pouvoir accéder à des sites douteux sans prendre le risque d'infecter sa propre machine.
Ça marche assez bien et ça semble gratuit. C'est à se demander comment la boîte qui gère l'outil se fait de l'argent.
Évidemment, ne vous connectez à aucun compte perso.
Via https://korben.info/protegez-vos-donnees-et-surfez-en-securite-avec-browser-lol.html
Afficher à peu près n'importe quoi (SVG et HTML) dans la console du navigateur des utilisateurs de votre site.
Vérifier quels API de navigateur sont supportées par votre appareil.
Voir si votre navigateur est plutôt protégé contre les solutions de tracking autres que les cookies (browser fingerprinting).
Il semblerait que le User-Agent soit amené à disparaître dans les prochains mois au profit d'une API spécifique qui renseigne les sites que vous visitez sur votre configuration (navigateur, OS, etc.). Le gros avantage c'est que l'utilisateur pourrait choisir ce qu'il partage.
C'est une très bonne chose ! Parce qu'au final aujourd'hui, le User-Agent est surtout utilisé par les régies publicitaires pour constituer une empreinte de votre appareil.
Revue très intéressante de ce qu'il se passe lorsque vous lancez Opera pour la première fois. Autant dire que beaucoup d'entreprises qui n'ont rien à voir avec Opera vont être au courant. Pas joli joli...
Le composant natif pour sélectionner une couleur est un vrai bordel à gérer. Très différent d'un navigateur à l'autre.
Ce service permet d'enregistrer l'écran de votre navigateur (ou une partie de l'écran) sous forme de vidéo. Tout est traité directement dans le navigateur, rien n'est a priori envoyé sur leurs serveurs. Pas testé.
Via https://korben.info/recordscreen-io-enregistrez-votre-ecran-de-navigateur-en-1-clic.html
La version preview du nouveau navigateur de Mozilla : Fenix est disponible ! Je suis en train de l'installer mais les premier retours ont l'air très bons !
Les extensions arrivent pour la presque première fois sur un navigateur basé sur Chromium sur Android !
Comme la dernière mise à jour de Brave ne me plaît que moyennement et que Firefox ne fonctionne toujours pas parfaitement, ça va peut-être devenir une alternative crédible.
Le navigateur est dispo depuis le Google Play mais la mise à jour en question n'y aura lieu que demain. Sinon vous pouvez récupérer l'APK depuis leur page Github.
Peut-être des changements à venir dans le prochain navigateur mobile de Mozilla. Ça semble un peu confus pour le moment, je ne suis pas sûr que ce changement passe sans heurts. Mais au moins ils s’interrogent sur les usages et essayent des choses pour améliorer l'expérience utilisateur.
Brave whitelist apparemment certains domaines de Facebook et Twitter pour éviter de casser certains sites qui utilisent leurs widgets. Au détriment de la vie privée de ses utilisateurs.
Surprenant quand on voit le discours habituel de Brave...
Pas mal d'infos sur les dessous des navigateurs web.
Une extension pour télécharger les vidéos Vimeo.
Les différences entre les différents navigateurs au niveau du téléchargement des images d'une page web.