• Objet : Naviguer sur internet avec Chromium (ou Chrome).
• Niveau requis :

  débutant,avisé
• Commentaires : Installation de Chromium ou de Chrome.
• Débutant, à savoir : Utiliser GNU/Linux en ligne de commande, tout commence là !.
• Suivi :

  à-tester
  • Création par kao le 01/10/2013
  • Testé par … le …
• Commentaires sur le forum : ici¹⁾

Chromium est la version libre de l'explorateur internet Chrome fournit par Google, il utilise exactement le même code mais retire les morceaux propriétaires comme le logo pour pouvoir être distribué librement, notamment par les dépôts Debian.

apt-get update && apt-get install chromium chromium-l10n

Pour également avoir Adobe Flash, voir la page Flash.

1. Ouvrir Chromium
2. Aller dans la barre d'adresse et y écrire about:flags
3. Rechercher l'extension Load Media Router Component Extension
4. Mettre l'extension sur enable
5. Redémarrer le navigateur
6. Et enfin caster…

Il faut d'abord télécharger et installer une extension (aussi
appelé module additionnel ou complémentaire) pour éditer une
feuille de style utilisateur.

J'ai utilisé l'extension Stylus version 1.5.25 pour Chrome

ou alors, dans la barre d'adresse de Chromium, on édite:

chrome://extensions/?id=clngdbkpkpeebahjckkjfobafhncgmne

J'ai édité une feuille de style utilisateur comme ceci:

  ::-webkit-scrollbar
    {
      height: 24px;
      width: 24px;
    }
 
  ::-webkit-scrollbar-thumb
    {
      background-color: gray;
      border: green solid 4px;
    }
 
  ::-webkit-scrollbar-thumb:hover
    {
      background-color: #999;
      border: lime solid 4px;
    }
 
  /*
  Lors d'un survol du curseur au-dessus du bouton principal,
  la bordure du bouton principal de la barre de défilement et
  le bouton principal vont légèrement changer de couleurs
  (couleurs plus vives, moins sombres).
  */
 
  ::-webkit-scrollbar-track
    {
      background-color: lightgray;
    }
 
  ::-webkit-scrollbar-track:hover
    {
      background-color: gainsboro;
    }
 
  /*
  Lors d'un survol du curseur au-dessus de la barre de défilement,
  la couleur d'arrière-plan de la barre de défilement va légèrement
  changer de couleur (couleur plus pâle, moins sombre).
  */
 
  ::-webkit-scrollbar-corner
    {
      background-color: beige;
    }
 
   ::-webkit-resizer
     {
       background-image: url("data:image/png;base64,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Lm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDoxZDZiOTlmNi1lMTAzLTRkZWMtOGEzYS0xMjdhNWYxNGNjYmMiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZmM1MWM2OTUtY2U4NS00NDdmLWJjN2ItMDg3NmQ5OGM3YmZjIgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NWRjMWVjZGUtZmEwYS00YTczLTkzOGYtZjFlYmY4ZGM2YmFiIgogICBHSU1QOkFQST0iMi4wIgogICBHSU1QOlBsYXRmb3JtPSJMaW51eCIKICAgR0lNUDpUaW1lU3RhbXA9IjE2NDUxOTgwNzg5Mzg3ODUiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4yMiIKICAgZGM6Rm9ybWF0PSJpbWFnZS9wbmciCiAgIHRpZmY6T3JpZW50YXRpb249IjEiCiAgIHhtcDpDcmVhdG9yVG9vbD0iR0lNUCAyLjEwIj4KICAgPGlwdGNFeHQ6TG9jYXRpb25DcmVhdGVkPgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6TG9jYXRpb25DcmVhdGVkPgogICA8aXB0Y0V4dDpMb2NhdGlvblNob3duPgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6TG9jYXRpb25TaG93bj4KICAgPGlwdGNFeHQ6QXJ0d29ya09yT2JqZWN0PgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6QXJ0d29ya09yT2JqZWN0PgogICA8aXB0Y0V4dDpSZWdpc3RyeUlkPgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6UmVnaXN0cnlJZD4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZDVlMGUxNTItMzIxMS00N2U5LWI5M2UtY2NlNzMwNTZlZWFhIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKExpbnV4KSIKICAgICAgc3RFdnQ6d2hlbj0iLTA1OjAwIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmU2OGYyYWQ4LWU0N2MtNDcyOC05ZGZhLWYwYTAzNTk4NDg4ZSIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChMaW51eCkiCiAgICAgIHN0RXZ0OndoZW49Ii0wNTowMCIvPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMzE5YjE5Yi02MGQxLTQwMGItOGYyYi1kM2FhZDU0NTI5YzQiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoTGludXgpIgogICAgICBzdEV2dDp3aGVuPSItMDU6MDAiLz4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzlkNTAyY2MtYjA4OC00MDBiLWExMmItMjI4YjgxZDc0MDA3IgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKExpbnV4KSIKICAgICAgc3RFdnQ6d2hlbj0iLTA1OjAwIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4OGM3ZjNkLTcxZWEtNGU1Yi04YzM5LTRiZGI4MjVlMzM3OSIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChMaW51eCkiCiAgICAgIHN0RXZ0OndoZW49Ii0wNTowMCIvPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5YmZhMmQ2MC1iYWU0LTQzN2UtOGRkNi0xOGE4MGI5MzhjMDUiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoTGludXgpIgogICAgICBzdEV2dDp3aGVuPSItMDU6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogICA8cGx1czpJbWFnZVN1cHBsaWVyPgogICAgPHJkZjpTZXEvPgogICA8L3BsdXM6SW1hZ2VTdXBwbGllcj4KICAgPHBsdXM6SW1hZ2VDcmVhdG9yPgogICAgPHJkZjpTZXEvPgogICA8L3BsdXM6SW1hZ2VDcmVhdG9yPgogICA8cGx1czpDb3B5cmlnaHRPd25lcj4KICAgIDxyZGY6U2VxLz4KICAgPC9wbHVzOkNvcHlyaWdodE93bmVyPgogICA8cGx1czpMaWNlbnNvcj4KICAgIDxyZGY6U2VxLz4KICAgPC9wbHVzOkxpY2Vuc29yPgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+XtxxwAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+YCEg8bOuh/y14AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAoUlEQVRIx2NkoC74j8a/zURDw58wMDBsp6bh6LiHgYFBilaG9zMwMMiSYxgjkS6XpWWwSJJjGDMRhk+gtcvpHiz/sSRdqqWW/4QsoCS1/CfGAkqDhWgLSEkt2NSaUiu1YFNrhiV5Uy1YTEg1vJ8El5tgSSTDNFgmUCFY/tMyWP7js4DSYPmPzwJqBAtOC6gVLDAcCxOciKeCxpb9mYl0CBcAJi7WlMK6PJEAAAAASUVORK5CYII=");
     }
 
  /*
  webkit-resizer correspond à la poignée de 
  redimensionnement (en bas à droite)
  */
 
  ::-webkit-scrollbar-button
    {
      background-color: orange;
      border-style: solid;
      height: 24px;
      width: 24px;
    }
 
  /* Flèche haut (défilement fin) */
  ::-webkit-scrollbar-button:vertical:decrement
    {
      border-color: transparent transparent black transparent;
      border-width: 0px 12px 21px 12px;
    }
 
  /* Flèche bas (défilement fin) */
  ::-webkit-scrollbar-button:vertical:increment
    {
      border-color: black transparent transparent transparent;
      border-width: 21px 12px 0px 12px;
    }
 
  /* Flèche gauche (défilement fin) */
  ::-webkit-scrollbar-button:horizontal:decrement
    {
      border-color: transparent black transparent transparent;
      border-width: 12px 21px 12px 0px;
    }
 
  /* Flèche droite (défilement fin) */
  ::-webkit-scrollbar-button:horizontal:increment
    {
      border-color: transparent transparent transparent black;
      border-width: 12px 0px 12px 21px;
    }
 

et ça réussit pour tous les sites (par défaut, le champ est
S'applique à Tout) sauf les sites dont l'adresse commence
par “about:” (par ex.: about:newtab) et par “chrome:”.

Le code CSS ci-haut est élaboré. Il fonctionne sous Chromium
version 98, Epiphany version 3.38.2 et Falkon version 3.1.0.
Davantage de personnalisation et de stylisation sont possibles.
Toutes les couleurs, les effets graphiques lors du survol et
toutes les dimensions (longueur et largeur) sont personnalisables.

Voici ce que donne le code ci-haut (à essayer avec Chromium 98 ou Epiphany 3.38.2 ou Falkon 3.1.0):

http://www.gtalbot.org/BrowserBugsSection/CSS3Scrollbars/third-test-Chromium.html

Je suis ouvert à vos suggestions, corrections, améliorations et à vos expérimentations.

Vous pouvez me les communiquer dans

Comment élargir les barres de défilement des navigateurs web Firefox 91 et plus et Chromium?

Dernière mise à jour: 9 juin 2022

Google Chrome est un logiciel propriétaire édité par Google et il embarque notamment un lecteur Flash en interne. Ce navigateur sera le seul à l'avenir à suivre les futures versions du plugin Flash, d'Adobe. Google a développé un programme qui lui permet d'utiliser une seule version d'Adobe Flash et de la rendre multi-plateforme par l'intermédiaire de l'API pepper.

Pour installer Google-Chrome:

1. Télécharger le paquet deb ici: https://www.google.com/chrome/index.html?hl=fr
2. Choisir la version qui vous convient, 32 ou 64 bits.
3. Rendez vous dans le répertoire de téléchargement.
4. Puis en mode administrateur:

dpkg -i google-chrome-stable_current_i386.deb

apt-get install -f

Cela créera automatiquement un fichier google-chrome.list, dans le répertoire /etc/apt/sources.list.d/ avec la ligne suivante:

google-chrome.list

deb http://dl.google.com/linux/chrome/deb/ stable main