自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。>スマホサイト(スマートフォンサイト)のソース(HTML)を見る方法2015/03/04Tweet1年以上前の記事です。内容が古い可能性があります。最近ではPCサイト並に重要視されるようになってきたスマートフォンサイトですが、PCサイトのように思うように作れないのが難点。PCサイトの場合は今のサイトのソースを見ながらHTMLやCSSを編集していくことができますが、スマホの場合はそれができないんですよねぇ。最近まで思ってました。スマホでも簡単にソースを確認することができたんです。右クリックで「ページのソースを表示」を選んだり(Chrome)すると思います。Chrome」を使っている人はそのときにブラウザのアドレスバーを見てみて下さい。そこにヒントが隠されています。JAPAN」のトップページが表示されている時のアドレスバーは「http://www.yahoo.co.jp/」ですね。これのソースをみるとアドレスバーが「view-source:http://www.yahoo.co.jp/」と変わっているのがわかると思います。要はそれ!つまり、スマホの場合でもURLの前に「view-source:」と入れればいいということになります。それでは実際やってみましょう。ソースを見たいサイトにいってアドレスバーを確認します。アドレスバーの前に「view-source:」と書き足して(ここがちょっと面倒)エンター(→)をタップ。こんなかんじでスマホ版のHTMLのソースを見ることができます。Chrome」のF12を使ったエミュレーター表示で可能なんです。(もっとも実機を使っちゃうのが一番いいのでしょうけれど)がしかし、ソースを表示するとPC版のソースになってしまって、スマホ上のソースは確認できない。このやり方だと、スマホ用に整形されたHTMLが確認できるので、スマホ版のCSSの設定等をすることが容易にできるんです。入力が面倒な人はこいつをブックマークレットに設定しておくと便利です。↓こちらに作っておきました。このページのソースをみるスマホのブックマークにブックマークレットを登録する手順はまた別の記事で解説します。タップしてみてください。このページのソースが表示されるはずです。コメントをキャンセルメールアドレスが公開されることはありません。「ネットで悪口」再び有罪に1年以上前の記事です。内容が古い可能性があります。...ゲーミフィケーション(Gamification)とはなんのこと?1年以上前の記事です。内容が古い可能性があります。...富の分配の究極形、パトロンを得るなら「CAMPFIRE(キャンプファイヤー)」1年以上前の記事です。内容が古い可能性があります。...iPhoneのホームボタンの反応が鈍くなった時の対処法1年以上前の記事です。内容が古い可能性があります。...楽天モーションウィジェットから項目を削除する方法1年以上前の記事です。内容が古い可能性があります。...正月早々1年以上前の記事です。内容が古い可能性があります。...「アドセンス(Adsense)」緑→青→緑の軌跡1年以上前の記事です。内容が古い可能性があります。...立ち方にも意味がある。謙虚な立ち方、威圧的な立ち方1年以上前の記事です。内容が古い可能性があります。Blog(ライブドアブログ)で「記事をコピー」すると公開しちゃうゾ1年以上前の記事です。内容が古い可能性があります。...埋め込まれたカラープロファイルは基本破棄1年以上前の記事です。内容が古い可能性があります。ついて調べてみたこの件が片付くまではブログを積極的に書くのはやめようと思っていました。...ファンと繋がり山口真帆さんへの暴行をそそのかしたと噂差されるNGT48「太野彩香」さんの血液型と星座から見た性格さて、太野彩香さんです。今回は彼女の血液型と星座を見ていきましょう。...ファンから受けた暴行をSHOWROOMやツイッターで告発。NGT48「山口真帆」さんの血液型と星座から見た性格1年以上前の記事です。内容が古い可能性があります。...紅白出場からDVスキャンダルで一転、芸能界引退へ。純烈「友井雄亮(ともいゆうすけ)」さんの血液型と星座から見た性格1年以上前の記事です。内容が古い可能性があります。...今年もこの人の年になる?お年玉で夢のあるツイッターユーザー100名に100万、ZOZO社長「前澤友作」さんの血液型と星座から見た性格1年以上前の記事です。内容が古い可能性があります。楽天モーションウィジェットいいね!よろしくお願いします。いいね!よろしくお願いします。自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。