Seesaaブログのモバイル広告を消したい。しかし、公式のブログ設定からは消すことができない。
どうにか消す方法を考えてみた。
正攻法はCSSで消すこと
CSSを編集してブロックやボックスごと非表示にできれば成功。だが、これが簡単ではない。seesaa 的には絶対に消してほしくないからだ。
越えるべき壁が多い
壁 その1 CSSの知識
当たり前。だが、これをいじらないで運営できるのが無料ブログの最大の強みであり、最大の弱みでもある。
ただし、visibility と display プロパティを理解していれば可能なので、難易度はそこまで高くないだろう。
CSSの編集はトップから、デザイン→スマートフォン→デザイン一覧を順次選択し、最下段現在適用されているタイトル名をクリックすれば可能だ。
が・・・
壁 その2 変数等の名前が非公開かつ更新される
ブロックやボックスの名前が非公開かつ更新される。ソースコードの解析が必要。
かなり難易度が高い。知識があっても、作った本人以外だと最終出力されたHTMLソースは非常に読みにくいだろう。
壁 その3 モバイル向けコードを表示させる
PCとモバイルで出力されるコードが違う。モバイルでの操作はダルいので、PC上でモバイル機器用に出力されたソースコードを入手しなければならない。
とりあえずモバイル向けコードを表示させてみた。
PC上でモバイル機器のソースコードを入手する
最適な方法はコレか
Google Chrome 標準搭載のモバイル機器エミュレーション機能を使う。
※現時点でGoogle Chromeバージョンは 40.0.2214.93
手順
見たいサイトを表示→URL右の「Google Chromeの設定」を押す→「その他のツール」の「デベロッパーツール」を選択→デベロッパーツールの画面下側に「emulation」という項目を押す→「Model」から適当に機種を選ぶ（Nexus7等）→ブラウザの「更新」ボタンを押す→コンテンツがモバイル用に切り替わる
あとはひたすら読む・・・
つづく・・・