ArtSaltのサイドストーリー

音楽、フリーウェア、WEBサービス、食べものなどに関する日記。トラックバック、コメント歓迎。

うざいページを見やすくするスクリプトなど

すべてFirefox3.0で動く。他のブラウザでの検証はしていない。ブックマークレットにしてもいいんだけど、いずれもJSActionsに組み込んだ。

文字と背景の色を切り替える

javascript:{var lnks=(document.all)?document.all.tags('*'):document.getElementsByTagName('*');for(nIx5Bs=0;nIx5Bs<lnks.length;nIx5Bs++){with(lnks[nIx5Bs].style){if(backgroundColor=='DarkGreen'){void(backgroundColor='');void(color='')}else{void(backgroundColor='DarkGreen');void(color='white')}}}}
文字と背景色を切り替えるスクリプト
背景が真っ白で、文字の色が赤、青、黄などになってるひどいWebページがある。逆に背景が暗くて文字の色が青、緑になってるページも見づらい。そういう下品なページで効果を発揮。背景をすべてdarkgreenに、文字をすべてwhiteにする。トグルする(切り替える)タイプのスクリプトだから、元に戻すときページをリロードする必要はない。

CSSの無効/有効を切り替える

javascript:var%20i=0;if(document.styleSheets.length>0){cs=!document.styleSheets[0].disabled;for(i=0;i<document.styleSheets.length;i++)%20document.styleSheets[i].disabled=cs;};void(cs=true);

CSSを無効にするブックマークレットはよく見かけるけど、チャラにする(ふたたび有効にする)にはページをリロードするしかない。このスクリプトは「有効/無効」をトグルしてくれる。

2カラム、3カラムを1カラムにする

javascript:(function(){var%20D=document,e,styles="table,thead,tbody,tr,th,td{display:block!important;}*{width:auto!important;height:auto!important;position:static!important;float:none!important;margin-left:0!important;margin-right:0!important;}%20img,iframe,embed,object{display:none;}%20body%20{margin:4px!important;}";%20e=D.createElement('link');%20e.rel='stylesheet';%20e.href=window.opera%20?%20"javascript:'"+styles+"'"%20:%20"data:text/css,"+styles;%20D.getElementsByTagName("head")[0].appendChild(e)})()

2カラムや3カラムのページが読みにくいと思うときがある。これを使うと1カラムになってFlashが消える。スタイルをすべて無効にするわけではないところがいいね。かえって見づらくなる場合があるけど、そういうしょうもないページはもともとCSSが無茶苦茶だからあきらめるしかない。

body要素のwidthを500pxにする

javascript:void(document.body.style.width='500px');void(document.body.style.position='relative');

1カラムのページが読みにくいと思うときがある。これはbody要素のwidthを500pxにするスクリプト。これもかえって見づらくなる場合がある。

ウィンドウサイズを変えずにbody要素を狭めてしまう異色の発想が素晴らしい。

ページ内検索して永久にハイライトする

javascript:(function(){var%20count=0,%20text,%20dv;text=prompt("Search%20phrase:",%20"");if(text==null%20||%20text.length==0)return;dv=document.defaultView;function%20searchWithinNode(node,%20te,%20len){var%20pos,%20skip,%20spannode,%20middlebit,%20endbit,%20middleclone;skip=0;if(%20node.nodeType==3%20){pos=node.data.toUpperCase().indexOf(te);if(pos>=0){spannode=document.createElement("SPAN");spannode.style.backgroundColor="yellow";middlebit=node.splitText(pos);endbit=middlebit.splitText(len);middleclone=middlebit.cloneNode(true);spannode.appendChild(middleclone);middlebit.parentNode.replaceChild(spannode,middlebit);++count;skip=1;}}else%20if(%20node.nodeType==1&&%20node.childNodes%20&&%20node.tagName.toUpperCase()!="SCRIPT"%20&&%20node.tagName.toUpperCase!="STYLE"){for%20(var%20child=0;%20child%20<%20node.childNodes.length;%20++child){child=child+searchWithinNode(node.childNodes[child],%20te,%20len);}}return%20skip;}window.status="Searching%20for%20'"+text+"'...";searchWithinNode(document.body,%20text.toUpperCase(),%20text.length);window.status="Found%20"+count+"%20occurrence"+(count==1?"":"s")+"%20of%20'"+text+"'.";})();

ページ内検索し、見つかった文字列をハイライトするブックマークレットは数多くある。たとえば "Opera Browser Wiki :: Opera Bookmarklets Page" で公開されている "Ultimate Highlight Bookmarklet" は確かに素晴らしい。でもこっちのほうがすごい。検索語句を変えてページ内検索を2回、3回と繰り返しても以前のハイライトが永久に消えないんだから。"Super Ultimate Highlight" と呼びたい。

ウィンドウサイズ切り替え

javascript:(window.outerWidth == 1024) ? window.resizeTo(640,768) : window.resizeTo(1024,768);
ウィンドウサイズを変更するのではなく切り替えるスクリプト
ウィンドウサイズを特定の大きさにするスクリプトをよく見かける。でもそれらは元に戻すことができない。これはトグルするスクリプトだから激しく便利。

出典

いずれもどっかで拾ってきたものを自分なりに改造した。出典を明らかにすべきだけど、もう忘れてしまった。

Google
WWW ArtSaltのサイドストーリー
試してみましたけど、2カラム3カラムを1カラムにするやつだけ動きませんね。永久にハイライトは一度限りしかハイライトされてないように思いました。使い方がよくわかってないだけかも。。
(Firefoxオンリー?)
2009/02/22(日) 09:40:52 | URL | edvakf #-[edit]
2カラムを1カラムにするスクリプトは確かにOperaのほうでは動きませんね。すみません。いま出典を調べたけど、不明ですね。

「永久にハイライト」はOperaで動くはずです。
http://blog-imgs-18.fc2.com/a/r/t/art2006salt/opera1.png
(最初に「文字」を、2回目に「青」を、3回目に「で」を検索したスクリーンショット)
2009/02/22(日) 12:52:47 | URL | ArtSalt(管理人) #OsCi0Z56[edit]
「永久に」を「ページをリロードしてから別の語句を調べても」ハイライトされるものだと思ってました。

何個も検索できるのはブラウザのものよりいいかもしれませんね。
2009/02/22(日) 23:48:44 | URL | edvakf #-[edit]
そこなんですよ!!
ブラウザのページ内検索で同じこと(以前のハイライトが消えない)をやりたい!!
2009/02/23(月) 18:07:00 | URL | ArtSalt(管理人) #NDzsvx.E[edit]
Web site (optional)
Comment - Need to type CAPTCHA, an image of distorted Japanese Hiragana or Katakana afterward.
Password - Not allowed to modify your comment later if password not entered.
On secret mode?
 

http://art2006salt.blog60.fc2.com/tb.php/948-7df32846

このブログについて

最近のエントリ

カテゴリー
あわせて読みたいブログ

あわせて読みたい

最近のコメント
Internet Explorer
よりも便利です

Opera 9 - Always secure with Opera Firefoxをダウンロード!!

相互リンク