Trouver les informations de votre navigateur - le hollandais volant

#16743

J’ai amélioré cet outil aussi.

J’ai supprimé la détection de niveau de batterie (dépréciée) et ajouté la détection d’informations GPU (infos leakées avec l’API WebGL).
J’ai aussi ajouté un moyen de détecter adblock (pas de panique si votre adblock s’affole : il y a juste un test sur la chargement d’un fichier /js/ads.js bidon et un autre test sur l’apparence d’un block avec des classes spécifiques aux pubs).

Notez qu’en mettant toutes ces informations (IP, UA, hardware, codecs, plugins…) bout à bout et en faisant un hash de tout ça, on obtient une signature pratiquement unique pour chaque navigateur. Même sans cookies, même sans tracking manifeste, n’importe quel site web peut arriver à nous repérer de façon pratiquement unique. Bonne journée :).

https://lehollandaisvolant.net/tout/tools/browser/

IcoMoon App - Icon Font, SVG, PDF & PNG Generator

#16407

Éditer des polices (ajouter, modifier, supprimer des caractères).

C’est utile quand on fait des webfonts avec des icônes.
Il suffit d’importer les PNG ou SVG, de choisir celles qu’on veut dans notre fichier de police et il va pondre les fichiers de polices : Woff, Woff2, SVG, etc.

De façon générale, quand vous faites une webfont, je conseille de n’inclure que les icônes dont vous avez besoin.

Par exemple pour les icônes du material design de Google, il y en a des milliers. Tous les inclure ferait une police bien trop lourde à charger.

(ah et l’avantage des polices web sur les PNG par exemple, c’est la gestion des couleurs et des tailles : on peut afficher une icône et lui ajouter couleur, taille, ombre… en CSS comme on ferait avec du texte normal. C’est donc très maléable, et aujourd’hui c’est aussi bien largement supporté dans les navigateurs)

Google Earth

#16375

Google Earth dans le navigateur.

Mais ça ne marche que dans Chrome, bien-sûr (ce qui n’est donc pas plus intéressant qu’une application dédiée)…

Supprimer le canal alpha d’une image - le hollandais volant

#16199

Juste un petit outil : donnez un PNG+alpha, cliquez et vous avez un fond blanc.

Oui c’est très con, mais quand on est sur un téléphone avec une image en noir sur fond alpha et que l’application pour voir les images remplace l’alpha par du noir, ben on ne peut plus rien lire du tout.

Du coup j’ai pondu ça. Ça marche en JS avec canvas, donc dans le navigateur.

(Et non je n’ai pas non plus envie de me retrouver avec photoshop sur mon téléphone, donc ce genre d’outils primitifs me va très bien.)

HTTP vs HTTPS — Test them both yourself

#15776

Une page censée mettre en lumière le fait que HTTPS est beaucoup plus rapide que HTTP.
Ça marche surtout la première fois (après y a le cache navigateur, j’imagine), d’un facteur 10x environ. Mais je ne m’explique pas comment ça se fait.

ÉDIT : ça vient sûrement de leur HTTPS qui est en HTTP2. Voir ça : https://www.tunetheweb.com/performance-test/ qui montre les trois.

Ruin My Search History

#15592

Un bouton pour lancer des requêtes Google au hasard et en grand nombre.
De quoi polluer les boîtes noires du gouvernement.

Le genre de truc à faire tourner en fond, en écran de veille. Par contre faut espérer qu’il n’y ait pas de requêtes du style « comment faire une bombe » sinon t’as les flics qui viennent te casser la gueule à domicile et foutre le bordel à la maison.

Décryptons un peu le User-Agent – Le blog de Seboss666

#15567

« Le User Agent n’est qu’une donnée parmi d’autres »
+1

Ici on a tout ce qu’on deviner avec un navigateur et du JS, de l’user-agent à la liste des réseaux wifi disponibles : http://webkay.robinlinus.com/

Et là, pour voir l’unicité de la signature de votre navigateur (basé sur la combinaison de features de votre navigateur) :
https://panopticlick.eff.org/
https://amiunique.org/

Sinon, pour l’UA en particulier, j’avais un écrit ça : http://lehollandaisvolant.net/?d=2013/03/10/12/53/35-lhistoire-des-user-agents

https://blog.seboss666.info/2016/06/decryptons-un-peu-le-user-agent/

Search Console Mobile-Friendly Test

#15379

Le nouvel outil de Google pour tester un site et voir s’il est adapté au mobile.

Pour ceux dont le site ne l’est pas et qui voudraient essayer de le rendre compatible, sachez que parfois une seule ligne dans le HTML fait 80% du boulot (surtout si votre template est à largeur variable et n’est pas plein de tableaux/floats/iframes et autres éléments mal utilisés). Voir tout ça ici : https://lehollandaisvolant.net/tuto/responsive-css/

https://search.google.com/search-console/mobile-friendly

Mes petits outils en ligne - le hollandais volant [mirroir]

#15111

cc @MarceauKa

Un miroir de mes outils en ligne : https://tools.mka.ovh/

Notez que la majorité de ces outils sont en full-JS, avec aucun envoi côté serveur (de mémoire, sur les 36 outils, il n’y a que le validateur de format d’e-mail qui se fait en PHP). Vous pouvez y aller !

Merci @MarceauKa pour ça !
(BTW, son shaarli est là : http://links.casals.fr/ , avec un thème "flat" que je n’ai jamais vu encore)