はてなブックマーク

【追記 2016/12/24】 カスタム右クリックメニューの挙動に関する情報更新 WHATWGのリンク切れ修正 テスト画像差し替え 今年最後だってのによりにもよってこのタイミングでこんなしょうもない記事… …それがはりをきばクオリティ。 （ちなみに去年の大晦日に投稿した記事はこちら） 前置き考えるのも面倒なので本題。 知らない人があまりにも多過ぎるので記事にする。 Firefoxは、Shiftキーを押しながら右クリックすると強制的にコンテキストメニューを表示できる。 以下の画像で試してみるとわかる。 普通は右クリックが禁止されていて何も起きないが、 Firefoxに限り、Shiftを押しながら右クリックすると普通にメニューを呼び出せる。 これはFirefoxの独自機能ではなく、HTML5の仕様策定などをしているWHATWGによって定められている標準仕様だったりする。 User agents

DOMの変更を検知するイベントが非推奨になり 代わりに新しく作られたMutationObserverなるもの。 MutationObserver - Web API インターフェイス | MDN https://developer.mozilla.org/ja/docs/Web/API/MutationObserver DOM変更検知は結構よく使うもの（特にユーザースクリプト）なのに 日本語の解説サイトが↑のMDNとMSDN、ここくらいしかなく その都度ググったり手探りで片っ端から試すのが面倒なので以下に自分用にまとめる。 コンストラクタ まずインスタンスを作る。 window.MutationObserverコンストラクタの引数に、DOM変更を検知した際に実行する関数を渡す。 function omega(data1, data2) { alert("ﾜﾚﾊﾒｼｱﾅﾘ"); consol

FirefoxはIEやChromeと違い、画像を直接開くと中央寄せされ 周りが黒に近いグレーで覆われて表示される。 個人的にこの仕様すごく好きだ。 左上だと視線移動が辛い（特に小さい画像）し、 周りが暗背景だから目に優しいし、 白背景の画像の場合どこまでが画像による白なのかがはっきりわかる。 が、強いて言うなら不満が1つ。 背景が透過なのかそうでないのかがパッと見でわからない。 （これはIEやChromeもそうだが） ▲このグレー部分は透過なのか？　元からこういう色なのか？ ってなわけで 我らがリーダーStylish様を使用し、透過部分を市松模様にしてみる。 【追記 2017/03/10】 最新のFIrefoxで動かなくなってたのを修正。 尚、記事中の画像は古いまま。 @media not print { html > body > img.transparent:hover:only-c

私がよく使ってるFirefox亜種 ☞ 先日リリースされたFirefox 23ですが、管理画面の オプション ＞ コンテンツ にあった JavaScript関連の設定項目が見事に消されますた。 以前はここから右クリックイベントを簡単に無効化できたんですがねぇ… （Firefox 22の画像） JavaScriptを無効にする方法 一番手っ取り早いのは、有効/無効を切り替えられるアドオンを使うことだけど そんなくだらないもん入れたくない、という人は Firefoxerならお馴染み、about:configで設定しませう。 ブラウザのアドレスバーに about:config と入力。 警告が出るので、細心の注意を払って続行。 画面が切り替わったら、ページ内検索に「javascript」と入力。 すると以下のような一覧が出るので 「javascript.enabled」の上で右クリックし「切り替