Stack Snippets Console

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

Tính đến 05-10-2014. Xem phiên bản mới nhất.

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

Bạn sẽ cần cài đặt một tiện ích mở rộng như Tampermonkey hoặc Violentmonkey để cài đặt kịch bản này.

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

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

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

You will need to install a user script manager extension to install this script.

(Tôi đã có Trình quản lý tập lệnh người dùng, hãy cài đặt nó!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Tác giả
Scimonster
Đánh giá
0 0 0
Phiên bản
1.0.0
Đã tạo
05-10-2014
Đã cập nhật
05-10-2014
Kích thước
4 KB
Giấy phép
N/A
Áp dụng cho

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?