ホームページ制作のネタ発信
投稿日：
前回ブックマークレットを使ってのソースコードの確認方法を紹介しましたが、
今回はMacのSafariを使ってのソースコードの確認方法をご紹介します。
■iPhoneの設定
設定 > Safari > 詳細 > Webインスペクタをオンにします。
次にiPhoneをUSBケーブルでMacに接続します。
■MacのSafariの設定
Safari > 環境設定 > メニューバーに”開発”メニューを表示にチェックをします。
次にiPhone側でSafariを立ち上げ、ソースを確認したいサイトを表示させます。
MacのSafariに戻って、開発 > iPhone名 > 表示されているURLをクリックします。
そうするとWebインスペクタが表示されソースコードを確認することができます。
執筆者：takehito
関連記事
Macを使っているお客さんからたまに添付画像を送られてくるのですが、その添付画像が極端に小さい時があります。 そんな時は添付ファイルをドロップしてから「イメージサイズ」のところを実際のサイズになってい …
スマホサイト（iPhone）のソースコード(htmlソース)確認方法
スマホサイトを制作する時に、たまに実機でjsの挙動などソースコード(htmlソース)を確認したい時があります。 そんな時、役に立つ小技をご紹介。 Bookmarklet(ブックマークレット)を使った方 …
iPhone Safariのsubmitボタンのデザインを変更する方法
通常CSSでbackgroundやborder-radiusをかけることによってスタイルを定義することができますが、 iPhoneSafariの場合は最初にリセットする必要があります。 #hdSear …
久しぶりにmodern.IEのwin8を起動したらパスワードを聞かれた。 そんなの知らねーよっと思って調べてみると、 パスワード： Passw0rd! これだった。
相対パスで記述されたURLのベース（基準）をhead内で指定すると画像やリンク先のパスがベース（基準）で指定されたURLを基準に表示されます。 今日初めて知りました。 <head> < …
