LoginSignup
3
5

More than 5 years have passed since last update.

ブラウザ画面をフルスクリーン表示するブックマークレット

Last updated at Posted at 2014-07-01

画面全体をフルスクリーン表示

以下をブックマークレットに登録して実行すると、ctrl+0でフルスクリーン表示できる。

javascript:var a=document.documentElement,b='RequestFullScreen';a.addEventListener('keydown',function(e){e.which==48&&e.ctrlKey&&(a['ms'+b]?a['ms'+b]():a['moz'+b]?a['moz'+b]():a['webkit'+b]())});
  • Firefoxでは直接mozRequestFullScreen()が実行できないためkeydown内から呼び出し
  • ChromeとSafariでは、フルスクリーン中は入力できない仕様
  • Chromeに限ってwebkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT)と変更すれば入力可能
  • 古いバージョンでは動作しない。IE, Operaでは試してすらいないので動くか不明。

任意のエレメントのみフルスクリーン

例としてはあまり良くないが、以下のようにすればQiitaの編集画面のみフルスクリーン表示で編集できる。(Chrome専用)

javascript:document.querySelector('form.draftForm').webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);

こんな感じで画面いっぱい使える。

スクリーンショット 2014-06-30 21.52.11.png

3
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
5