『[JS]口コミ投稿画面を全画面に広げるブックマークレット』syu497さんの日記

口コミ投稿画面が小さくなってなんとか広げられないか。。。
ということで全画面に広げるブックマークレットを作ってみました。
写真や秘密メモの幅も最大にする処理を入れてみました。

MacのSafariとChrome・WinのIEで確認しました。

【使い方】
1. 適当なブックマークのURLを以下のJavascriptに置き換えます。
2. 口コミ投稿画面を開きます。
3. 作成したブックマークを選択します。
--------------------
javascript:(function(){var resize=function(){var reviewForm=document.getElementById("simple-review-form");reviewForm.style.width="100%25";reviewForm.style.height="100%25";reviewForm.style.top=0;reviewForm.style.left=0;reviewForm.style.marginLeft=0;var photo=document.getElementsByClassName("js-image-area p-modal-bkm__entry-photo")[0];photo.style.width="98%25";photo.style.margin="10px";var secretmemo=document.getElementsByClassName("p-modal-bkm__entry-secretmemo")[0];secretmemo.style.width="98%25";secretmemo.style.margin="10px";$(window).trigger('resize');};resize();window.onhashchange=function(){var top=parseInt(document.getElementsByClassName("mCSB_container")[0].style.top);var id=setInterval(function(){clearInterval(id);resize();var id2=setInterval(function(){clearInterval(id2);document.getElementsByClassName("mCSB_container")[0].style.top=top+"px";},50);},500);};})();
--------------------

＜プログラム内容説明＞

1. var resize=function(){・・・}
・レビュー画面の幅・高さを100%、上・左位置を0に変更
・写真と秘密メモの幅を98%・マージン10pxに変更

2. window.onhashchange=function(){・・・}
・タブを切り替えたときにURL変更を検知して投稿画面を再度全画面化
・タブを切り替える前のスクロール位置を保存

3. var id2=setInterval(function(){・・・},50)
・タブ切り替えを50ms待って、スクロール位置を復元