1
0

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.

モバイルサイトのデザイン・動きをお手軽に実機とかで確認したーい

Posted at

##はじめに
モバイルサイトを作っててお手軽に動作確認するには、chromeとかsafariとかの開発機能を使いますよね。
でもアプリのwebViewでの表示をちゃんと確認したい。ならブラウザだけでは足りないよね。実機でちゃんとなるかは不明だし。

##こうする
#####iOSシミュレータで
自社アプリならソースがあるだろうから、iOSシミュレータ向けにビルドして、localhostでサイトを動かして、確認しよう。iOSシミュレータのアプリから、localhost指定でアクセスできるよ。
webサーバーはご自由に。MANPとか色々あるよ。
#####androidエミュレータで
androidエミュレータからはlocalhost指定ではアクセスできないようで、パソコンのIPアドレスを指定すればアクセスできるよ。
#####iOS/Android実機で
IPアドレスを指定すればiOS/androidの実機からでもアクセスできるよ。これで完璧だね。ポートを開けるのを忘れずに。
##最後に
iOSシミュレータでlocalhost指定以外は、まあ常識なんだけど、なかなか気づかないので、記事にしてみた。
もちろんアプリじゃなくてもブラウザを使ってアクセスできるよ。

でもDartでwebアプリを開発してるときは実機からはアクセスできなかった。なんか開発用の内蔵webサーバーの仕様らしかった。めんどくさかった:joy:

1
0
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
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?