Vous pouvez utiliser la flèche vers le haut ou taper le début d'une commande précédente pour rechercher votre historique de commandes dans DevTools, mais si tu ne te souviens pas de la commande et qu'elle est loin dans ton historique, vous pouvez utiliser cette méthode pour voir tout l'historique de votre console:
- Dans DevTools, Détacher dans une fenêtre séparée (recherchez-le avec Ctrl+Shift+P, ou dans le menu, la première icône côté Dock)
- Ctrl+Maj+J (ou "je") à DevTool vos DevTools (débutoooooon)
- Cmd au lieu de Ctrl pour Macheads (coup de chapeau à marsk8er).
- Ouvrez la console, et récupère ton historique (copiez-collez tout le code pour copier votre historique avec un séparateur et ouvrez-le dans une nouvelle fenêtre):
// Separator to divide commands
separator = '\n\n——————————————————\n\n'
// Convert console-history from JSON to array
cmdHist = JSON.parse(localStorage.getItem('console-history'))
// Format with a nice divider
cmdHistStr = cmdHist.join(separator)
// Copy to clipboard
copy(cmdHistStr)
// Or write to new window
const cmdWin = window.open();
cmdWin.document.body.innerHTML = "<pre>"+ cmdHistStr +"</pre>";Ou une copie d'une ligne:
copy(JSON.parse(localStorage.getItem('console-history')).join('\n\n——————————————————\n\n'))Note: l'historique de la console s'appelait consoleHistory dans Chrome. Si vous obtenez une valeur nulle ou une erreur (vg Uncaught TypeError: Cannot read properties of null (reading 'join')):
- Assurez-vous de créer DevTools (le titre de la fenêtre doit être DevTools - outils de développement://outils de développement/...)
- Essayez avec consoleHistory
- Vérifiez son nom dans le
Application tab -> Local Storage -> devtools://devtools(l'image montre l'ancien nom)
Astuce bonus: vous pouvez Ctrl + Shift + P Effacer l'historique de la console.
Merci beaucoup 🙂
Haha, c'est parfait! Mais est-il possible d'augmenter la longueur de l'historique au-dessus 300 enregistrements?
'peur non, sauf si vous compilez votre propre Chrome: la valeur est codée en dur. Je suppose que quelqu'un était une groupie hardcore de Sparta.!
Instructions MacOS:
1. Ouvrez DevTools (Commande + Option + je)
2. Détacher la fenêtre DevTools (Commande + Changement + P et recherchez “Déconnecter” et sélectionnez “Détacher dans une fenêtre séparée”
3. Ouvrez DevTools’ Outils de développement (Commande + Option + je)
4. Suivez l'étape 3 et au-delà ci-dessus
Merci beaucoup, c’est ce que je cherchais à faire depuis bien longtemps. Peut-on copier l’historique de la console directement sans faire tout cela ? Du genre une commande JS chrome.devtool.history ?
Si seulement ! Mais les composants internes de DevTools sont isolés pour des raisons de sécurité, vous devez donc ouvrir DevTools sur DevTools. Cependant, J'ai ajouté du nouveau, instructions simplifiées, y compris un one-liner (pouvez-vous me dire, as-tu l'historique de la console, ou consoleHistory dans votre navigateur?)