Stack Snippets Console

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

Устаревшая версия за 10.10.2014. Перейдите к последней версии.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

Автор
Scimonster
Оценки
0 0 0
Версия
1.0.1
Создано
05.10.2014
Обновлено
10.10.2014
Размер
4,0 КБ
Лицензия
нет данных
Работает на

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?