Pour activer Workspace :

1. Dans la barre d'adresse, entrer chrome://flags/
2. Activer Activer les expérimentations dans les outils de développement (ou Enable Developer Tools experiments en anglais)
   1. Relancer Chrome

1. Dans chrome://flags, activer #enable-devtools-experiments.
2. Dans DevTools, aller dans Settings → Experiments, dans le Source panel, activer File system folders in Sources Panel (dans la version 37+ de Chrome, n'apparaît pas).
3. Ajouter le Workspace, par exemple où se trouve le webroot et index.html localement.
4. Il y aura deux dossiers dans le panneau de gauche de Source dans DevTools: un du site et un localement. Faire un mapping d'un fichier (n'importe lequel) du site vers le même fichier localement (Map to filesystem resource…). L'inverse peut se faire également, mapper un fichier local vers un fichier du site (Map to network resource…)

On peut, dans Sources, jouer avec l'IndexedDB du host en créant des Snippets de codes qui peuvent être exécutés.

Exemple (non fonctionnel):

var connection = indexedDB.open('firebaseLocalStorageDb', 1);

connection.onsuccess = (e) => {
    var database = e.target.result;
    console.log('result', database);

    var transaction = database.transaction(['firebaseLocalStorage']);
    var objectStore = transaction.objectStore('firebaseLocalStorage');
    var index = objectStore.index('fbase_key');
    var request = index.get('firebase:authUser:AIzaSyCX8bbEdB3aZ3Nufk8iRwQYM9tJaH54P2Q:[DEFAULT]');

    request.onsuccess = (s) => {
        console.info(e.target.result);
    };

    request.onerror = (e) => {
        console.error(e);
    };
}

Viewing and Changing IndexedDB contents of any website using Chrome DevTools

• Twelve Fancy Chrome DevTools Tips

• DevTools Theme: Zero Dark Matrix (voir plus bas pour instructions)
• AngularJS Batarang
• ng-inspector for AngularJS
• DHC - REST/HTTP API Client (utiliser Postman)
• Postman
• JSON Formatter

• AdBlock
• Don't track me Google
• Tracking Token Stripper

• MarkDown Here, permet de formater le contenu MarkDown
• Mado

• Currently
• Pocket (sauvegarder des articles)

• Stylish
  • GitLab Dark (modifications)
  • StackOverflow Dark Colors

• Ajouter le theme
• Entrer l'adresse chrome://flags/#enable-devtools-experiments
• Activer Enable Developer Tools experiments (en français c'est Activer les expérimentations dans les outils de développement)
• Cliquer sur Relancer maintenant en bas de la page.
• Ouvrir les préférences du Developer tools, sélectionner l'onglet Experiments et cocher Allow custom UI themes.
• Fermer et réouvrir Developer Tools.

En faisant chrome://version/ dans la barre d'adresse, on peut voir le Profile Path.

On peut vouloir tester la migration d'une version de Chrome à une autre.

Pour se faire, télécharger une version de Chrome plus ancienne.

Créer un script dans le genre:

#!/usr/bin/env bash
/Applications/Google\ Chrome\ 72.app/Contents/MacOS/Google\ Chrome --user-data-dir="tmp/Google Chrome/72/"