D'autres petits outils pour faire des tâches bien précises dans le navigateur.
Un ensemble de petites applications conçues pour tourner dans le navigateur uniquement :
Explication de ce que signifie l'origine d'une page web, concept essentiel pour bien comprendre les CORS qui donnent des sueurs froides à tant de développeurs alors qu'elles (ils ? 🤔) sont essentielles pour la sécurité.
Il existe un moyen de dire à un navigateur mobile comment il doit gérer l'apparition du clavier virtuel avec interactive-widget
.
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.