ばけねこの覚書
西の隅っこで奮闘するwebデザイナーの覚え書き。素材・Tips・iPhone・欲しいもの、など。
http://momohyou.blog.fc2.com/

 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 
 

よく使うブックマークレット(Firefoxでしか今のところ試してません)

jsを空のブックマークを作成し、プロパティーのURL記載箇所に書き換えて使います。
jsそのものをブックマークして使用できるものもあり。

■閲覧中のページをQRコードで表示
javascript:window.location='http://tatamilab.jp/~yuugo/cgi/qr/?q='%20+%20encodeURIComponent(location.href)

多分出元はココかと思いますが、直ブックマークできるところが見つからずでjsまんま記載です。
http://www.tatamilab.jp/

■サイト内のフォント名がわかる
http://chengyinliu.com/whatfont.html


名称未設定-1_r2_c2
What fontボタンをブラウザのブックマーク置き場にドラッグ。
使用するときはブックマークをクリックし、webページのテキスト部分にポインタを滑らすだけです。

終了するときは画面右上のExit What Fontボタンをクリックします。
名称未設定-1_r2_c2

WEBフォントなどにも役立ちそうです。

■閲覧中のページをgoogle翻訳で翻訳
javascript:(function(){document.location.href='http://translate.google.com/translate?hl=ja&u='+escape(document.location.href)})();

■閲覧中のページで使われているアンカー(a要素 name属性)をリスト表示
javascript:(function(){var%20D=document,B=D.getElementsByTagName('body')[0];function%20bmlPanel(id,w,h){var%20P,F,H,X,DP,CL;B.appendChild(P=D.createElement('div'));P.id=id;P.style.cssText='%20position:fixed;top:10px;left:10px;padding:2px;width:'+w+'px;height:'+h+'px;opacity:0.8;filter:alpha(opacity=80);background:#000;border:1px%20solid%20#666;color:#fff;font-size:12px;text-align:left;z-index:9998;-moz-border-radius:5px;';P.appendChild(H=D.createElement('div'));H.innerHTML=id;H.style.cssText='%20padding:0px%2010px;height:20px;line-height:20px;color:#fff;font-size:12px;font-weight:bold;text-align:center;cursor:move;';DP=D.createElement('div');DP.style.cssText='background:transparent;position:fixed;top:0px;left:0px;width:100%;height:100%;';P.appendChild(F=D.createElement('div'));with(F.style){height=h-20+'px';overflow='auto';backgroundColor='#222';color='#eee';fontSize='11px';cursor='auto';}P.appendChild(CL=D.createElement('div'));CL.title='close';with(CL.style){border='#444%20solid%201px';position='absolute';top="5px";left="5px";height='10px';width='10px';cursor='pointer';}CL.onclick=function(){B.removeChild(this.parentNode);};H.onmousedown=function(e){x=(e)?e.pageX:event.x;y=(e)?e.pageY:event.y;ox=x-P.offsetLeft;oy=y-P.offsetTop;P.appendChild(DP);return%20false;};DP.onmousemove=function(e){x=(e)?e.pageX:event.x;y=(e)?e.pageY:event.y;P.style.left=(x-ox)+'px';P.style.top=(y-oy)+'px';return%20false;};DP.onmouseup=function(){P.removeChild(DP);return%20false;};P.header=H;P.content=F;return%20P;}var%20BP=bmlPanel('css',200,350);BP.header.innerHTML='%E3%82%A2%E3%83%B3%E3%82%AB%E3%83%BC%E3%83%AA%E3%82%B9%E3%83%88';var%20a={},b=[],s='';for(i=0;e=document.getElementsByTagName('a')[i];++i)if(c=e.name){s+='
';}if(!s)s='%E3%81%93%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%81%AB%E3%82%A2%E3%83%B3%E3%82%AB%E3%83%BC%E3%81%AF%E3%81%82%E3%82%8A%E3%81%BE%E3%81%9B%E3%82%93';BP.content.innerHTML=s;})();

■外部リンク・内部リンクをサクッと色づけ
javascript:(function(){var%20i,x,f='%202px%20dotted';for(i=0;x=document.links[i];++i)x.style.outline=["red"+f,"blue"+f,"orange"+f][sim(x,location)];function%20sim(a,b){if(a.hostname!=b.hostname)return%200;if(fixPath(a.pathname)!=fixPath(b.pathname)||%20a.search!=b.search)%20return%201;return%202;}function%20fixPath(p){p=(p.charAt(0)=="/"?%20"":%20"/")+p;p=p.split("?")[0];return%20p;}})()

■サイト内検索
javascript:(function(){var%20t=''+(window.getSelection%20?%20window.getSelection():%20document.getSelection%20?%20document.getSelection():%20document.selection.createRange().text);if(!t){L=document.location.href;if(L.match(/(yahoo%5C.).+?.*p=([^&]+)/)||L.match(/(amazon%5C.).+?.*field-keywords=([^&]+)/)||L.match(/(%5C.wikipedia%5C.).+%5C/wiki%5C/([^%5C/]+)/)||L.match(/(youtube%5C.).+search_query=([^&]+)/)||L.match(/(%5C?.*%5Cb)q=([^&]+)/)||L.match(/(%5C#search%5C/)([^%5C/]+)/))t=decodeURIComponent(RegExp.$2);}open('http://www.google.co.jp/search?q=site:'+document.location.href.split('/')[2]+'%20'+encodeURIComponent(t),'_blank');})()

■画像を削除してaltタグの確認
javascript:void((function(){function%20toArray(c){var%20a,k;a=new%20Array;for(k=0;k%20<%20c.length;++k)a[k]=c[k];return%20a;}var%20images,img,altText;images=toArray(document.images);for(var%20i=0;i%20<%20images.length;++i){img=images[i];altText=document.createTextNode(img.alt);img.parentNode.replaceChild(altText,img)}})())
 
 
 
Comment

Comment Form


非公開コメント

Trackback

 

 

*Template By-MoMo.ka* Copyright © 2017 ばけねこの覚書, all rights reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。