Stack Snippets Console

Add a console to "Stack Snippets" executable code on StackExchange

Version au 05/10/2014. Voir la dernière version.

Vous devrez installer une extension telle que Tampermonkey, Greasemonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Userscripts pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension de gestionnaire de script utilisateur pour installer ce script.

(J'ai déjà un gestionnaire de scripts utilisateur, laissez-moi l'installer !)

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

(J'ai déjà un gestionnaire de style utilisateur, laissez-moi l'installer!)

Auteur
Scimonster
Notes
0 0 0
Version
1.0.0
Créé
05/10/2014
Mis à jour
05/10/2014
Taille
3,73 ko
Licence
N/A
S'applique à

StackExchange, the network of Q&A sites behind StackOverflow, recently added "Stack Snippets" -- running JavaScript, CSS, and HTML code snippets. These are great, except for one problem.

I made a request for a console to be added, so that we don't have to manually open the browser console. It got some upvotes, but no official responses.

Never fear, the console is here!

Just install the script, and it'll enable simple console.log() calls from within Stack Snippets.

How it works

It uses the Web Messaging API to make the page and the snippet frame communicate. The script runs on both pages, setting up messaging between the two. Any console.log calls from the snippet are caught, and forwarded to the outer page. Don't worry, they're also logged to the regular console.

Planned features

  • Error catching
  • Better object visualizations
  • Styled output
  • Input?