앱에서 크롬 개발자도구 여는 법(eruda.js)

모바일 환경에서 개발자 도구를 연 화면

GitHub - liriliri/eruda: Console for mobile browsers

위의 오픈 소스를 사용하면 앱에서도 크롬 개발자도구를 열 수 있다.

 

사용법은 너무 간단해서 설명하기도 뭐하지만..

 

npm install eruda --save

로 설치한다. node.js가 없으면 그냥 아래거 다운받아서 쓰시라.

eruda.js

0.45MB

 

<script src="js/eruda.js"></script>
<script>eruda.init();</script>

공통파일 어딘가 적당한 위치에 위의 코드를 적어주면 화면에 개발자도구를 열 수 있는 버튼이 생긴다.

콘솔창에 직접 입력도 가능해서 앱 환경에서 테스트하기가 굉장히 유용한 오픈소스다.