ルーラーを表示

クリック&ドラッグでページ内の座標を表示します

ルーラーを表示 のカスタマイズ

update: 2009-01-03


Javascript ソースコードの確認

void('');
drg=false;
d=document;
db=d.body;
d.ondblclick=kR;
d.onkeypress=kR;
rk=false;
mq=db.appendChild(d.createElement('div'));
mqs=mq.style;
mqs.position='absolute';
mqs.border='solid 1px red';
mqs.opacity='0.3';
mqs.background='#ff7';
mqs.fontSize='0px';
ctr=db.appendChild(d.createElement('div'));
ctrs=ctr.style;
ctrs.position='absolute';
ctrs.top='-300px';
ctrs.left='-300px';
ctrs.width='auto';
ctrs.background='#000';
ctrs.color='#999';
ctrs.whiteSpace='nowrap';
ctrs.padding='5px';
ctrs.border='solid 1px #444';
ctrs.font='10px verdana,sans-serif';
ctrs.zIndex='99';
ctrs.opacity='0.8';
ctrs.borderRadius='4px';
ctr.innerHTML=' x:<span id="cX">0</span> y:<span id="cY">0</span><br><b>Start:</b> x:<span id="bX">0</span> y:<span id="bY">0</span><br><b>End:</b> x:<span id="eX">0</span> y:<span id ="eY">0</span><br><b>Size:</b> w:<span id="dX">0</span> h:<span id="dY">0</span>';
d.onmousemove=fW;
d.onmousedown=bD;
d.onmouseup=eD;
function dgE(i){
return d.getElementById(i)
}
;
if(!d.all){
cX=dgE('cX');
cY=dgE('cY');
bX=dgE('bX');
bY=dgE('bY');
eX=dgE('eX');
eY=dgE('eY');
dX=dgE('dX');
dY=dgE('dY');
}
;
dbs=db.style;
void(dbs.cursor='crosshair');
function fW(e){
if(rk==true){
return;
}
;
x=(e)?e.pageX:event.x;
y=(e)?e.pageY:event.y;
ctrs.left=x+15+'px';
ctrs.top=y+15+'px';
cX.innerHTML=x;
cY.innerHTML=y;
if(drg){
dX.innerHTML=Math.abs(x-dsX);
dY.innerHTML=Math.abs(y-dsY);
if(x-dsX>0){
mqs.width=x-dsX+'px';
}
else{
mqs.width=-(x-dsX)+'px';
mqs.left=x+'px';
ctrs.left=dsX+15+'px';
}
;
if(y-dsY>0){
mqs.height=y-dsY+'px';
}
else{
mqs.height=-(y-dsY)+'px';
mqs.top=y+'px';
ctrs.top=dsY+15+'px';
}
;
}
return false;
}
;
function bD(e){
if(rk==true){
return;
}
;
mqs.width=0;
mqs.height=0;
mqs.borderColor='#f90';
drg=true;
x=(e)?e.pageX:event.x;
y=(e)?e.pageY:event.y;
mqs.visibility='visible';
mqs.left=x+'px';
mqs.top=y+'px';
dsX=x;
dsY=y;
bX.innerHTML=x;
bY.innerHTML=y;
return true;
}
function eD(e){
drg=false;
x=(e)?e.pageX:event.x;
y=(e)?e.pageY:event.y;
eX.innerHTML=x;
eY.innerHTML=y;
return true;
}
;
function kR(){
mqs.visibility='hidden';
ctrs.top='-300px';
ctrs.left='-300px';
dbs.cursor='auto';
rk=true;
}
ルーラーを表示 ←このボタンをブックマークバーにドラッグ

「ルーラーを表示」に関連するブックマークレット

ブログでの注目度と評判(Yahoo) 詳細...

ブログでの注目度と評判(Yahoo) イメージ選択したテキストを対象に、Yahoo!ブログ検索の「注目度の推移」と「評判」のグラフをパレットに表示します。グラフをクリックやドラッグすると検索結果ページを表示します。

update: 2009-02-04

リンクタグを生成 詳細とカスタマイズ...

表示中のページへのリンクタグを作成します。Favicon の定義があるページでは、Faviconの<img>要素も付加します。

update: 2009-01-28

リンク情報の整理 詳細...

リンク情報の整理 イメージ表示中のページのリンク情報をリンク先毎に整理して、サイドバー風に表示します。 初めて訪れたサイトなどで、ページ構造が複雑な場合などに有効です。

update: 2009-02-09

ページ内アンカーリスト 詳細...

ページ内アンカーリスト イメージ閲覧中のページで使われているアンカー(a要素 name属性)をリスト表示します。ページ内ナビゲータとして手軽に使うことができます。

update: 2009-02-02

CSS クラスのリストを生成 詳細...

CSS クラスのリストを生成 イメージ閲覧中のページで使われているCSSクラスのリストを表示します

update: 2009-02-02

HTML要素のIDリストを生成 詳細...

HTML要素のIDリストを生成 イメージ閲覧中のページで使われているHTML要素のIDリストを表示します

update: 2009-02-02

HTML要素のname属性リストを生成 詳細...

HTML要素のname属性リストを生成 イメージ閲覧中のページで使われているHTML要素のname属性のリストを表示します

update: 2009-02-02

PageRank を表示 詳細...

prchecker.infoを利用して表示中のページの Google PageRank を表示します

update: 2009-01-01

Javascriptの変数リストを生成 詳細...

Javascriptの変数リストを生成 イメージ閲覧中のページで使われているJavascriptの変数のリストを表示します

update: 2009-02-02

このページをブックマーク

Top 20

クイックイメージブラウズ 詳細...

クイックイメージブラウズ イメージ閲覧中のページから直接リンクされた画像や、ページ内の大きな画像をライトボックスっぽくブラウズします。Google Images 検索及び、Yahoo画像検索にも対応しています。

update: 2009-01-21

リンク先のフルURLを表示 詳細...

リンクテキストをhttpなどから始まるフルURLに置き換えます

update: 2008-12-30

Gmailテンプレート 詳細とカスタマイズ...

Gmailテンプレート イメージGmailのメールテンプレートをブックマークレットとして保存して、ブックマークバーからいつでも呼び出すことができます

update: 2009-01-26

GoogleReaderに追加 詳細...

表示しているウェブサイトのフィードをGoogle Reader またはiGoogleへ追加

update: 2009-01-01

Evernoteでクリップ 詳細...

Evernoteでクリップ イメージ表示中のページを Evernote でクリップします

update: 2009-01-03

リンクされた画像をすべて開く 詳細...

表示中のWEBページからリンクされた画像をすべて開きます

update: 2008-12-29

外部リンク/内部リンクに色づけ 詳細...

外部リンク/内部リンクに色づけ イメージ外部リンクを赤色、内部リンクを青色、その他のリンクをオレンジ色の点線で囲みます。

update: 2009-02-08

Google Bookmarkに追加 詳細...

表示中のページをGoogle Bookmarksに追加するダイアログを表示します。

update: 2009-01-03

画像を拡大 詳細...

ページ内の画像を2倍に拡大します

update: 2008-12-31

Youtube動画をMP4でダウンロード 詳細...

Youtube動画をMP4でダウンロード イメージYoutube内の動画をPC等で扱いやすいMP4でダウンロードするリンクを表示させます

update: 2008-12-31

プラグイン要素を消去 詳細...

Flashやムービー、Javaアプレット、外部サーバーからのインラインフレームをページ上から消去します

update: 2008-12-30

リンク先URLを表示 詳細...

リンクテキストをリンク先URLに置き換えます

update: 2008-12-30

goo辞書で調べる 詳細とカスタマイズ...

ページ内の選択した文字列をgoo辞書で検索します。【連続検索対応】

update: 2009-01-13

サイト内検索 詳細とカスタマイズ...

Googleのサイト内検索を使って、閲覧中のサイト内で選択したフレーズを検索します。 なにも選択せずに実行すると、Googleにインデックスされている閲覧中のサイト内のページがすべて検索されます。

update: 2009-01-06

前のページ番号 詳細とカスタマイズ...

URLに含まれる数字の部分を1減らします

update: 2009-02-02

Google検索 詳細とカスタマイズ...

ページ内の選択した文字列をGoogleで検索します。【連続検索対応】

update: 2009-01-26

テキスト翻訳(英語→日本語) 詳細とカスタマイズ...

ページ内の選択したテキストを Google 翻訳 で英語から日本語にテキスト翻訳します。【連続検索対応】

update: 2009-01-19

サイトのトップへ 詳細...

ドメインのトップURL(普通はトップページ)に移動します

update: 2008-12-31

画像を消去 詳細...

ページ内の画像を消去し、代替テキスト(alt属性の内容)に置き換えます

update: 2008-12-30

リンクを別ウインドウでひらく 詳細...

ページ内のリンクをクリックした際、新しいウインドウで開くようにしますが、次々に新しいウインドウを作るのではなく、1つのウインドウを再利用するようにします

update: 2008-12-30

inserted by FC2 system