Stack Snippets Console

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

À data de 05/10/2014. Ver a versão mais recente.

Terá de instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

Terá de instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Terá de instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Terá de instalar uma extensão como Tampermonkey para instalar este script.

Terá de instalar uma extensão de gestão de scripts de utilizador para instalar este script.

(Já tenho um gestor de scripts de utilizador, deixe-me instalá-lo!)

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

(Já tenho um gestor de estilos de utilizador, deixe-me instalá-lo!)

Autor
Scimonster
Classificações
0 0 0
Versão
1.0.0
Criado
05/10/2014
Atualizado
05/10/2014
Tamanho
4 KB
Licença
N/D
Aplica-se a

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?