Modifier l'apparence et appliquer des styles à la page Web [Extension Chrome]

Stylebot est une extension avancée de Google Chrome pour simplifier la personnalisation des pages Web afin de les rendre plus adaptables. Il est assez similaire à FireBug - l'extension d'inspection de page Web Firefox la plus préférée parmi les développeurs Web. La caractéristique distinctive est que Stylebot permet à l'utilisateur d'enregistrer les personnalisations apportées à la présentation et à l'apparence de la page Web, vous permettant ainsi de charger les éléments de la page Web de toutes les manières possibles.

Pour le mettre en bref, il suffit de le lancer sur une page Web, de choisir un élément, de le personnaliser à sa façon en changeant les éléments CSS. La prochaine fois, il chargera la page avec tous les styles personnalisés.

L'extension ne prend pas en charge toutes les pages Web, sur les pages Web prises en charge, vous verrez le bouton d'image CSS dans la barre d'adresse. Cliquer sur ce bouton fera apparaître un volet dans la barre latérale droite contenant tous les éléments de style CSS. En haut du volet, vous pouvez choisir un élément par son nom ou utiliser le pointeur d'inspection de la souris pour sélectionner un élément. Une fois choisi, il répertoriera tous les styles appliqués dans les catégories respectives. Maintenant que vous êtes prêt, vous pouvez modifier les valeurs des éléments CSS, appliquer de nouveaux styles et personnaliser ceux existants.

De Avancée vous pouvez définir la classe CSS ou modifier les styles existants en définissant chaque paramètre manuellement. Tous les styles des éléments sont appliqués en temps réel.

À partir de la page d'options de l'extension, vous pouvez enregistrer un raccourci clavier, définir le mode préféré (de base ou avancé), ajouter des styles et des personnalisations de sauvegarde en exportant les styles. Vous pouvez également importer les styles pour les appliquer rapidement. Dernier point mais non le moindre, il vous permet également de synchroniser les personnalisations et les styles sur plusieurs PC, juste activer la synchronisation des signets (à partir des paramètres du navigateur) et cliquez Activer la synchronisation bouton.

Voici la vidéo officielle ci-dessous montrant comment cela fonctionne.

L'utilisation réelle peut être observée lorsque vous souhaitez toujours charger des éléments spécifiques d'une page Web qui n'est pas parfaitement conçue et manque gravement de compatibilité entre les navigateurs.

Télécharger Stylebot