Gmailのヘッダを非表示にするブックマークレット

Gmailのヘッダを非表示にするブックマークレット

Posted at August 22,2011 12:55 AM
Tag:[Bookmarklet, Gmail]

Gmailの上部にあるロゴや検索フォームなどのヘッダ部分を非表示にするブックマークレットを作ってみました。

Facebookでどなたかの「小さい画面だと表示範囲が狭くなる」という書き込みを見たのがきっかけです。ちょっとしたことですがスクロールする手間が減るかもしれません。よければご利用ください。

ブックマークレット実行前
ブックマークレット実行前

ブックマークレット実行後
ブックマークレット実行後

下記のリンクをブックマークツールバーにドラッグするか「お気に入りに追加」してください。

Gmailのヘッダを非表示にする

  • 初回実行時は広告も非表示になりますが、メールを読む込むと再表示されます。ブックマークレットを再度クリックすれば非表示になります。
  • その他のヘッダ部分はリロードするまで非表示です。

複数のアカウントで試して動作したので大丈夫だと思いますが、ブックマークレットのコードも掲載しておきます。うまく動作しない場合は赤色部分の文字列(class属性値)を変更してください。

javascript:(function(){
    var divs = document.getElementById('canvas_frame').contentWindow.document.getElementsByTagName('div');
    var length = divs.length;
    for (var i=0; i<length; i++) {
        if (divs[i].className == 'nH GcwpPb-Z8OBDd' || divs[i].className == 'mq nH oy8Mbf') {
            divs[i].style.display = 'none';
        }
    }
})();

クラス属性値はそれぞれ、次の青色部分を狙っています。

ヘッダ部分
ヘッダ部分

広告部分(スクリーンショットの一番上の行がヘッダ部分)
広告部分

if文は2つに分けてbreakさせた方がパフォーマンスがよいと思います。

関連記事
zenback
人気エントリー
トラックバックURL


コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)