Ich "watschelte" von der Konsole in Chrome auf Facebook heute.
Überraschenderweise habe ich diese Nachricht in der Konsole erhalten.
Jetzt ist meine Frage:
Wie ist das möglich?
Ich weiß, dass es ein paar "Exploit" -Methoden für die Konsole gibt, aber wie können Sie solche Schriftformatierung in der Konsole machen? (Und ist es console.log?)Wie erstelle ich formatierte JavaScript-Konsolen-Log-Nachrichten
Antwort
Ja, Sie console.log()
mit so etwas wie dieses Format Streit. Der Text sieht wie dein Beispiel aus.
Weitere Informationen finden Sie unter Google's "Styling Console Output with CSS" oder FireBug's Console Documentation.
Die Dokumentationsverknüpfungen enthalten auch einige andere nette Tricks wie das Hinzufügen von Objektverknüpfungen in einem Konsolenprotokoll.
Try this:
console.log("%cThis will be formatted with blue text", "color: blue");
die Dokumentation Zitiert,
Sie verwenden das% c Formatspezifizierer benutzerdefinierte CSS-Regeln auf jede Zeichenfolge Sie anwenden Schreiben Sie in die Konsole mit console.log() oder verwandten Methoden .
Quelle:
console.log("%cExtra Large Yellow Text with Red Background", "background: red; color: yellow; font-size: x-large");
Notiere die %c
vor dem Text in dem ersten Argument und die Stil-Spezifikationen in der zweiten: https://developers.google.com/web/tools/chrome-devtools/console/console-write#styling_console_output_with_css
Von der Google-Website: site
console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");
- 1. Wie lese ich formatierte Eingabe in Java?
- 2. Wie erstelle ich GUID?
- 3. Wie erstelle ich R.java
- 4. Wie formatierte Zeichenfolge in OCaml?
- 5. Wie erstelle ich einen Thread?
- 6. Wie erstelle ich ein PDF?
- 7. Wie erstelle ich ein jqGrid
- 8. JavaScript: Wie erstelle ich JSONP?
- 9. Wie erstelle ich ein Kartensymbol?
- 10. Wie erstelle ich ein Leinwandauswahlwerkzeug?
- 11. Wie erstelle ich eine Mehrfachfrage?
- 12. Wie erstelle ich eine Transaktionsnummer?
- 13. Wie erstelle ich ein Frühlingsprojekt?
- 14. Wie erstelle ich einen Metagrammar?
- 15. Wie erstelle ich globale Variablen?
- 16. Wie erstelle ich zusammengesetzte Dokumente?
- 17. Wie erstelle ich einen Timer
- 18. Wie erstelle ich HTML-Tags?
- 19. Wie erstelle ich Daemon-Threads?
- 20. Wie erstelle ich ein Sternenbewertungssystem?
- 21. Wie erstelle ich einen Zeitplaner?
- 22. Wie erstelle ich Scene2d Label?
- 23. Wie erstelle ich benutzerdefinierte JVM?
- 24. Wie erstelle ich eine MKMapView?
- 25. Wie erstelle ich einen NSManagedObjectContext
- 26. Wie erstelle ich ein Singleton?
- 27. Wie erstelle ich eine Gemfile?
- 28. Wie analysiere ich eine ISO 8601 formatierte Dauer mit moment.js?
- 29. Wie lade ich eine XML formatierte Zeichenfolge in ein XElement
- 30. Wie betrachte ich RSS-Feeds als formatierte XML?