HOME  >  各種テストのまとめ  >  簡単なブックマークレット(bookmarklet)のテスト

ブックマークレット(bookmarklet)とは、ブラウザのお気に入りバー(ブックマークバー)にブックマークの形式で登録しておくJavaScriptの小さなスクリプトで、ブラウズ中にこれをクリックすることで、画面などに簡単な変更を加えることができるもの。

使い方:下側の薄いブルーで囲まれたリンク部分を長押しし、そのままお気に入りバーにドラッグして追加します。古いブラウザではこの方法で設置できましたが、新しいブラウザではうまくいかないことがあります。その場合、下側のスクリプトのソースで【plain text】タブを選び、codeをすべて選択してコピー、作成したブックマークレットを右クリックし、「アドレスを編集」などで開いてcodeをアドレス部分にペーストして差し替えます。

利用するwebページでこのブックマークレットをクリックすると変更などが発動します。

背景白、文字ブラック

参考資料としてちょっとコピ=しておきたいときに、webページのオリジナルのcssにより文字色が極端に薄かったり、背景色が濃かったりでコピーしたものがとても見づらい、かつ、元のフォントサイズなどは維持したいケースで役立ちます。このブックマークレットをクリックすると強制的に背景色を白、文字色をブラックに変更します。

このブックマークレットスクリプトのソース

javascript:(function(){var%20newSS,%20styles='*%20{%20background:%20white%20!%20important;%20color:%20black%20!important;}%20:link,%20:link%20*%20{%20color:%20#0000EE%20!important%20}%20:visited,%20:visited%20*%20{%20color:%20#551A8B%20!important%20}';%20if(document.createStyleSheet)%20{%20document.createStyleSheet("javascript:'"+styles+"'");%20}%20else%20{%20newSS=document.createElement('link');%20newSS.rel='stylesheet';%20newSS.href='data:text/css,'+escape(styles);%20document.documentElement.childNodes[0].appendChild(newSS);%20}%20})();

※このブックマークレットをテストするための「色覚的に見づらいページのサンプルページ

 

 

戻るボタン

 

 

inserted by FC2 system