tiny-console.jsで手軽にスマートフォンでConsoleを確認する方法

スマートフォンでConsole確認

JavaScriptでConsoleを確認する際はChromeのデベロッパーツールのConsoleで確認することが多い。

パソコンであれば手軽に確認できるが、通常はスマートフォンの場合はUSBケーブルでパソコンと接続して確認する必要がある。

しかし、USBケーブルがない場合やその方法で確認できないケースも稀にある。

そのような場合はコード内にtiny-console.jsを読み込めば画面下にConsole画面を表示してJavaScriptのconsole.logなどの確認が可能となる。

tiny-console.js

<script src="https://iwb.jp/s/js/tiny-console.js"></script>
<script>
console.log('Hello')
console.log(1)
console.log(new Date())
</script>

tiny-console.js サンプル