pc で入力したコードをスマホで確認する方法

Question

スマホに対応させたコードをAtomで記入したのですが
できているか確認する方法が分からないので教えてほしいです。
ｐｃ用に作ったのは自分でも確認できるのですが、スマホの確認方法が分からなかったので
分かる方いたら教えていただきたいです。
よろしくお願いします。

Comments

[hoshi-takanori]

PC 上で Web サーバーを立ててスマホから繋いで確認すれば良いかと。
(VSCode ならこんな感じ https://shibajuku.net/vscode-liveserver/ ですが、Atom は分かりません。)

Answer 1

自分の方法を紹介します。chormeだと、F12をおして、デバックモードにして、上の方にあるスマホのアイコンをクリックすると、スマホ用の画面が表示されます。

「toggle device toolbar」というものです。

これを押すと、スマホ用で表示した時の画面が表示されます。

Comments

[Homaki]

早速やってみたのですが無事確認できました
丁寧に画像までつけていただきありがとうございます。

Answer 2

確認するのはコードではなく結果ではないでしょうか。
コードを見たところで、結局実行された結果が見えているわけですから。

多くのブラウザには開発ツール（デベロッパツール）と言う機能があり、
メニュー名は違えど仮想で確認できる機能はあります。
が、実機確認は必須です。

Wi-Fiでローカルネットワークから接続するとか、
レンタルでもなんでも公開されたWebサーバにアップして確認することになります。

Comments

[Homaki]

確認することができました
丁寧な回答ありがとうごうざいました