macでiPhoneのシミュレータからSafariでスクショ取るまで

公開日: : mac

macとなんかかわいいやつ

chromeでよければ「検証」からエミュレータを起動すれば良いですが、一般の動作環境をチェックする場合、iPhoneにプリインストールされているSafariでの動作を書くにしたい場合が多いです。また、仕事で依頼を受けたりチームメンバーと共有する場合はスクリーンショットが必要だったりすると思います。

以下、その為の手順。

手順

XCODEインストール

かなり容量あります。もしまだ入れてない人は容量もチェックしながら入れるか判断してください。

XCODEからSimulatorのインストール

1. Xcodeを起動する
2. メニューバー > Xcode > Preferenceをクリックする
3. Componentsタブを開く
4. 必要なiOSバージョンをクリックしてインストールする

Simulatorの起動

  1. Xcodeを起動する

  2. メニューバー > Xcode > Open Developer Tool > Simulatorをクリックする※ SimulatorはDockに追加できるので、入れておくと便利かも。

qiita

スクリーンショットの取得

⌘ + S

デスクトップに保存されます。

Googleアドセンスレスポンシブ

関連記事

macとなんかかわいいやつ

mac でコマンド(ターミナル)でfat32フォーマット

うまくいったコマンド sudo diskutil eraseDisk FAT32 "THE_N

記事を読む

appleテレビ

macからAppleTV(第3世代)へのAirPlayで周りに黒枠が出てフルサイズにならない問題

  私は Apple TV 3rd generation を利用しているため、

記事を読む

zip icon

macでパスワード付きzipを作成するコマンド

$ zip -er {作成先ファイルパス}.zip {作成元フォルダパス}

記事を読む

macとなんかかわいいやつ

macからWindowsにリモデした際、commandとoptionを逆にしたい

「Microsoft Remote Desktop.app」を使用するとmacからWindows

記事を読む

macとなんかかわいいやつ

macで拡張子に関連付けたアプリケーションを変更する

なんのこと? ファイルを、ダブルクリックや⌘+oしたときに起動するアプリケーションのことです。

記事を読む

macとなんかかわいいやつ

Karabiner-Elements USキーボード ⌘でかな

リンク qiita

記事を読む

拒否-logo

nuro光特典のカスペルスキーmac版がダウンロードできない

nuro光でカスペルスキー無料で使える特典がついてる カスペルスキーセキュリティは、普通は有料

記事を読む

no image

アップル Mini DisplayPort to DVI アダプタ購入時の注意点

今更DVI。。。なのですが、書きます。 型番だとA1305とかMB570のやつですね。

記事を読む

ワードプレスのロゴ

macで、WordPressで使う翻訳ファイルpoをmoに変換するコマンド

msgfmt xxx.po -o xxx.mo 参考にしたサイト様

記事を読む

no image

iTerm2の Broken pipe でセッションが切れるのを解決

iTerm2で、SSHでリモートの機器につなげてちょっと放置するとBroken pipeのメ

記事を読む

Googleアドセンスレスポンシブ

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

PAGE TOP ↑