社会人から始めたプログラミングスマートフォン用の表示で見る社会人から始めたプログラミングプログラミング、エンジニアに関することでの備忘録、シェアしたい情報などを共有するためのブログです。この広告は、90日以上更新していないブログに表示しています。2017-07-21XcodeのSimulatorがあってよかった。XcodeやりたかったことiPadのブラウザー表示が崩れていたので、修正のためにlocal環境で再現して表示したかった。XcodeのSimulatorが使えた。私が困ってたら教えてくださった方がいて、助かりました。Simulatorの起動の仕方。下記の写真のhahahaの隣をクリックすると、シュミレートしたいデバイスの種類が選べるので選択。ボタンを押して、Buildされて、シュミレーターが起動されるのをしばしまちましょう。Sumilatorが立ち上がったら、画面に何も映ってないな。iPhoneIやiPadのHomeボタンを選択したのと同じ動作ができ、Appが画面に表示されるので、選べるようになります。SumilatorのSafari(検証したいブラウザ)を開き、同時にMacの方でSafariを開いてデバッグする。MacのSafariのデバッガーをSumilatorのSafariで開いている画面のデバッガーとして使うことができます。Simulatorを起動して、開発しているページにsafariでアクセスしておきます。その中に、Simulatorの方で開いているページの選択肢が出て来ますので、選択します。11:09XcodeのSimulatorがあってよかった。iPhone結構困ったWebは崩れていなかったモーダルの表示が、iPadでは崩れていた。(想定していた上部にモーダルの黒い背景がかかっていなかったし、下部にも余白、blankスペースができてしまった。)原因-webkit-overflow-scrollingプロパティにtouchが設定されているのがいけなかった。解決方法-webkit-overflow-scrollingプロパティにautoを入れました。外部アクセス困りごと他の環境からアクセスした時の挙動を確かめられない。やりたいことlocalサーバーを立ち上げて、他のPCや、携帯端末のブラウザから見る。toコンソール画面にて、ifconfigで自分のポートナンバーを確認。ifconfigのen0のinetの番号をつかいます。サーバーを立ち上げる自分のパソコンと、アクセスする他の端末が同じWifi)を使用。サーバーを立ち上げる。http://111.111.1.1:3000別の手段としては、シュミレーターを色々使ってみること。xcodeでiphoneやipadのシュミレーターを使って動作を確認したり。itoshk-development.hatenablog.jpbrowserstackやbliskなどを使っていろんなブラウザーでの動きを試したり。tipsgithubのプルリクエストの中などで、jiraのチケットを書かなくても見れたら嬉しい。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。