search
LoginSignup
12

posted at

updated at

ipadでjavascriptのconsoleを見たいよう(涙)

初めに

俺・「僕はプログラミングが趣味の中学生。学校でもらったipadでプログラミングをしている。今日は、javascriptで無限ループを作りたいんだけど、consoleが見たいなぁ」

俺・「せんせ、ipadの開発者ツールってどうやって起動するの?」

せんせ・「ipadでは開発者ツールはないよ。アプリを入れてみたら?」

俺・「アプリ入れられへんねん。」

せんせ・「乙w」

俺・「googleせんせ、なんか方法ない?」

gooooogle・「知らんわ。」

俺・「涙」

対処法

tiny-console.jsを使う!

これを使うと、ブラウザやスマホでもconsoleが見えるようになります。

javascriptのエラーも表示してくれて、かなり便利。
早速設置していきましょう。

設置方法

<script src="https://iwb.jp/s/js/tiny-console.js"></script>

なんと、これを<body></body>に配置するだけ!
そうすると、ページの下に
67B53657-B57D-4B60-9F56-3B019225B473.jpeg
こんなconsoleが表示されます。

エラーもある程度表示されます。
F6B23E89-675C-4601-87A0-4F8DCC8F464D.jpeg

もちろん、

console.log("^-^");

も表示されます。

4BD8848A-ED49-40E3-852A-5969CFB05ACC.jpeg

あと、下のreplという欄から任意のコードも実行できます。
9B87063B-0649-46B0-87F9-5E63C415BFFF.jpeg

こんな便利なものがあったなんて、知りませんでした。
みなさんも、ご活用ください!

@developitさん、ありがとうございます。

追記

「ホーム」に載ってました!ありがとうございます。
この記事によって、ipadでの開発がもっと便利になれば、幸いです。
3F8FAB54-B2F0-4F2B-9B65-73895D59C5CF.jpeg

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
12