# ScreenLog.js - 개발자 콘솔의 내용을 화면에 띄워주는 라이브러리

> Clean Markdown view of GeekNews topic #9029. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=9029](https://news.hada.io/topic?id=9029)
- GeekNews Markdown: [https://news.hada.io/topic/9029.md](https://news.hada.io/topic/9029.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2023-04-25T10:18:01+09:00
- Updated: 2023-04-25T10:18:01+09:00
- Original source: [github.com/chinchang](https://github.com/chinchang/screenlog.js)
- Points: 21
- Comments: 3

## Topic Body

- 특정버그가 개발자 도구가 열려있을 때는 발생이 안되거나 또는 `console.log` 를 사용하지 못하는 상황등에 사용   
- 스크립트를 추가하고 `screenLog.init();` 호출만 해주면 개발자 콘솔의 내용을 그냥 스크린에 출력   
- 폰트 색상, 크기, 배경색상 등을 지정 가능

## Comments



### Comment 15808

- Author: iolothebard
- Created: 2023-04-25T13:04:46+09:00
- Points: 1

브라우저 개발자 도구(web inspector)의 시작이 Firebug였고, Firefox외 다른 브라우저에서 쓸 수 있는 경량 버전이 FirebugLite였고, FirebugLite가 녀석처럼 뷰포트안에 로그 출력하는 거였... 기술이라는게 원래 돌고 도는 거지만 너무 빨리 돌고도네요.  
  
https://getfirebug.com/

### Comment 15802

- Author: tomriddle7
- Created: 2023-04-25T10:57:17+09:00
- Points: 1

개발자 도구 띄웠을 때 실행이 정지되는 몇몇 사이트 디버깅할 때 유용할 것 같네요

### Comment 15801

- Author: kuroneko
- Created: 2023-04-25T10:23:38+09:00
- Points: 1

임베디드 장치에 들어가는 웹 브라우저를 디버깅할 때 방법이 마땅치 않아서  
특정 키를 누르면 직접 만든 (...) 간이 콘솔이 뜨게 했었는데...  
  
역시 라이브러리로도 있었군요.  
  
오래되었지만 필요한 상황에서는 변함없이 유용한 라이브러리 같습니다.