14
12

More than 5 years have passed since last update.

閉じるボタンを押したら確認してくれるメモ帳を作るワンライナー

Last updated at Posted at 2015-04-09

全部知ってる? Chromeアドレスバーの裏技まとめ : ギズモード・ジャパン」という記事に載っていた、アドレスバーにdata:text/html, <html contenteditable>と入力するとブラウザがメモ帳になる、というTipsを拡張し、
タブを閉じようとした時に確認用のダイアログを出すようにしました。
これなら、ちょっとしたメモを書いた時に失うリスクも減りますね!

以下、ソースです。お使いのブラウザ(今のところIE 11, Firefox 37, Chrome41で試しましたがChromeでしか動きませんでした...)のアドレスバーに貼り付け、適当な名前でブックマークしましょう。

data:text/html,<html contenteditable><script>window.onbeforeunload = function(){ return 'Close window?'; }</script>

余談ですがonbeforeunloadなんてイベント初めて知りました。
イベントハンドラが返す値をそのまま確認用ダイアログの見出しにするというのも面白いですねー。
以前この手の機能を実装する時はonunloadを使ってたっけ...。

おまけ

等幅フォントの方がお好みの方はこちら

data:text/html,<html contenteditable  style="font-family: monospace;"><script>window.onbeforeunload = function(){ return 'Close window?'; }</script>
14
12
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
14
12