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で拡張子に関連付けたアプリケーションを変更する

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

記事を読む

no image

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

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

記事を読む

svn logo

svn: error: The subversion command line tools are no longer provided by Xcode.

事象 svn co {url} コマンドを実行したらタイトルのメッセーがターミナル上に出力され

記事を読む

スマホでPC画面撮影する人

MacにiPhone充電できない。ポンポン鳴って接続と未接続を繰り返す→ファミコンの技で解決→やっぱダメでした

後日追記 以下で一瞬直ったんですが、まただめになりました。Lightningケーブルが悪い

記事を読む

macとなんかかわいいやつ

macでsha256確認する コマンド

コマンド shasum -a 256 ファイル名  

記事を読む

macとなんかかわいいやつ

spotlight検索でコマンドを実行する

~/Documents/配下にシェルスクリプトを設置すれば実行できる ~/Documents/

記事を読む

no image

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

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

記事を読む

zip icon

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

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

記事を読む

appleテレビ

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

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

記事を読む

tux logo

mac grep EUC-JP 日本語 再帰的 検索

ファイルのエンコードがEUC-JPのファイル内にある日本語の検索 grep -R "`echo

記事を読む

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

Message

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

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

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

PostgreSQL_logo.3colors.540x557
data directory “/var/lib/pgsql/9.3/data” has wrong ownership

  事象 postgresqlが起動しない。 ログ

PostgreSQL_logo.3colors.540x557
postgresql-9.3 が停止していますが PID ファイルが残っています

  ディレクトリやバージョンなどは環境によって違うと思

macとなんかかわいいやつ
カシモ当月解約は20日までの申込みが必要

カシモ解約した WiMax使ってたんだが、新型コロナウイルスの影

css-logo
自分がいいと思ったサイトさんのhtml css リンク

  css ニューモーフィズムのジェネレータ ht

html5-logo
html5のsectionとarticleの使い方と順番

とりあえずこちらのイメージを参考にやっていこうかと思う。

→もっと見る

PAGE TOP ↑