31
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

1人コンプAdvent Calendar 2022

Day 1

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

Last updated at Posted at 2022-09-02

初めに

俺・「僕はプログラミングが趣味の中学生。学校でもらった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

31
12
0

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
  3. You can use dark theme
What you can do with signing up
31
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?