ホームページ制作のネタ発信
投稿日：
前回ブックマークレットを使ってのソースコードの確認方法を紹介しましたが、
今回はMacのSafariを使ってのソースコードの確認方法をご紹介します。
■iPhoneの設定
設定 > Safari > 詳細 > Webインスペクタをオンにします。
次にiPhoneをUSBケーブルでMacに接続します。
■MacのSafariの設定
Safari > 環境設定 > メニューバーに”開発”メニューを表示にチェックをします。
次にiPhone側でSafariを立ち上げ、ソースを確認したいサイトを表示させます。
MacのSafariに戻って、開発 > iPhone名 > 表示されているURLをクリックします。
そうするとWebインスペクタが表示されソースコードを確認することができます。
執筆者：takehito
関連記事
iPhoneのフォームでフォーカスがズームされるのを防ぐ方法
スマホ用のサイトを作っている時にフォームのテキストフィールドやセレクトをタップすると、画面がズームされることはありませんか？ そんな時はフォントサイズを16px以上にするとズームされるとこなく、入力す …
Macで同階層のFinder（ファインダー）をもう一つ開く方法
Macを使っていてFinderで深い階層まで行った時、隣り合わせに同じ階層のFinderをもう一つ表示させたい時がある。 今までは新規でFinderを開いて奥の階層にドンドン進んでいったが、すごく面倒 …
環境 OS:バージョン10.8.3 VMware Fusion:バージョン5.0.3 Microsoft公式のIEのデベロッパサイト「modern.IE」 http://www.modern.ie/j …
約1年半前にiPhone6 Plusを購入した際にあわせてバンカーリングを購入しました。 今でもPlusのサイズに馴染めず後悔しているが、バンカーリングのおかげである程度使用感がマシになった。 次回は …
相対パスで記述されたURLのベース（基準）をhead内で指定すると画像やリンク先のパスがベース（基準）で指定されたURLを基準に表示されます。 今日初めて知りました。 <head> < …
