ブックマークレット
当サイト管理人のよく使用する簡単な自作ブックマークレットを公開します。
使用法はそれぞれのリンクをブックマーク(IEではお気に入り)として登録し、
適用したいページ(閲覧中のサイト等)で登録したブックマークレットを
クリックしてください。
-
表示モード
-
DOCTYPEスイッチで決まるブラウザの表示モードをアラートで表示します。
互換モードでは BackCompat (Opera8.54以下は QuirksMode )と表示され、
標準準拠モードでは CSS1Compat と表示されます。
(IE5.5以下は対応していません)
-
table border
-
テーブルのボーダーを表示させます。
table要素のborder属性値を"1"に変えますので、枠の無いテーブルの形状を確認する
事が出来ます。ウェブサイトのデバッグ等に。
但し、枠が付く分テーブルの寸法が変わるため少々表示が崩れる場合があります。
また、このブックマークレットは適用する度に枠の有無を切り替えます。
-
div border
-
div要素のボーダーを表示させます。
div要素とCSSを活用してレイアウトされたページのデバッグ等に使えます。
但し、これも枠が付く分レイアウトが崩れる場合があります。
-
背景色変更
-
適用する度に背景色を aqua, fuchsia, yellow, white と変化させます。
画像のみを表示させたときに、その画像がブラウザで透過されているかを確認出来ます。
-
黒文字白背景
-
全ての要素の前景色(文字色)を黒、背景は白に変えます。
文字色と背景の組み合わせが悪く、読み難いサイトの閲覧などに。
フレーム対応。(IE5.5以下は動作しません)
-
ツリー展開
-
IEでしか開かないような不細工なツリーメニュー(折り畳みメニュー)を全て
展開表示します。タグ講座にありがちなツリーメニューがターゲットです。
単純に行内スタイルで display:none となっている要素を block に変更するように
していますので、非表示にしてある余計なものも表示される可能性有り。フレーム対応。
(IE5.5以下は動作しません…IEでは不要と思うが)
-
スクロールバー表示
-
スクロールバー非表示を回避。ブラウザ全体のスクロールバーを見栄えのために
body { overflow:hidden; } または <body scroll="no"> (IEのみ)
として消去しているページのスクロールバーを表示させます。
ブラウザのサイズなんて人それぞれですから馬鹿な事しないで欲しいものですね。
-
右クリック禁止回避
-
右クリックで表示されるコンテキストメニューを <body oncontextmenu="retrurn
false"> として抑制しているふざけたページでのコンテキストメニューを
復帰させます。フレーム対応。
まあ、こんな小細工するような低レベルのサイトのソースに興味は無いでしょうが、
コンテキストメニューはソースを見るためだけのものではないですからね。