ホームページ制作のネタ発信
投稿日：
前回ブックマークレットを使ってのソースコードの確認方法を紹介しましたが、
今回はMacのSafariを使ってのソースコードの確認方法をご紹介します。
■iPhoneの設定
設定 > Safari > 詳細 > Webインスペクタをオンにします。
次にiPhoneをUSBケーブルでMacに接続します。
■MacのSafariの設定
Safari > 環境設定 > メニューバーに”開発”メニューを表示にチェックをします。
次にiPhone側でSafariを立ち上げ、ソースを確認したいサイトを表示させます。
MacのSafariに戻って、開発 > iPhone名 > 表示されているURLをクリックします。
そうするとWebインスペクタが表示されソースコードを確認することができます。
執筆者：takehito
関連記事
Macを使っているお客さんからたまに添付画像を送られてくるのですが、その添付画像が極端に小さい時があります。 そんな時は添付ファイルをドロップしてから「イメージサイズ」のところを実際のサイズになってい …
ブラウザ右上にある小さな鍵マークをクリック。 小さすぎて分かりにくい。。。 Mac SafariでのSSL証明書確認方法 Mac SafariでのSSL証明書確認方法 ちなみに、 EV SSL証明書の …
iPhoneの画面を録画したい時ってありますよね？ 例えばパズドラの画面をYouTubeにアップしたりなど！ 今までは専用のアプリなどを使わないとできなかったことが、 MacのOS10.10（Yo …
Macで同階層のFinder（ファインダー）をもう一つ開く方法
Macを使っていてFinderで深い階層まで行った時、隣り合わせに同じ階層のFinderをもう一つ表示させたい時がある。 今までは新規でFinderを開いて奥の階層にドンドン進んでいったが、すごく面倒 …
iPhoneのフォームでフォーカスがズームされるのを防ぐ方法
スマホ用のサイトを作っている時にフォームのテキストフィールドやセレクトをタップすると、画面がズームされることはありませんか？ そんな時はフォントサイズを16px以上にするとズームされるとこなく、入力す …
