Desde hace tiempo tenia la intensión de recopilar los distintos bookmarklets que me he ido encontrando por el camino y que han hecho mi trabajo diario mucho más sencillo.
Les dejo esta lista que se que a muchos de ustedes les será de gran utilidad.
Bookmarklets para SEO
SEO Bookmarklet
Este bookmarklet lo que hace es mostrarte información útil sobre la página, como el titulo, cabeceras, enlaces nofollow, etc.
Arrastrar a la barra de favoritos
[crayon lang="java"]javascript:(function(){var%20d=document,z=d.createElement(‘scr’+'ipt’),b=d.body;
try{if(!b)throw(0);
z.setAttribute(‘src’,'http://twkm.ca/min/f=gadgets/resources/seo-bookmarklet/seo-0.1.js’);
z.setAttribute(‘id’,'twkmSEOScript’);
b.appendChild(z);
}catch(e){alert(‘Please%20wait%20until%20the%20page%20has%20loaded.’);
}}())
;[/crayon]
DOM Monster Bookmarklet
Este bookmarklet nos permite realizar optimizaciones para mejorar el rendimiento del sitio.
Arrastrar a la barra de favoritos
[crayon lang="java"]javascript:(function(){var%20script=document.createElement(‘script’);
script.src=’http://mir.aculo.us/dom-monster/dommonster.js?’+Math.floor((+new%20Date)/(864e5));
document.body.appendChild(script);
})()[/crayon]
Robots.txt Bookmarklet
Este bookmarklet nos muestra el fichero Robots.txt del sitio en cuestion.
Arrastrar a la barra de favoritos
[crayon lang="java"]javascript:myURL=location.href;slash=myURL.indexOf(‘/’);
myURL=myURL.substring(0,slash);
void(window.open(myURL+’/robots.txt’));[/crayon]
Google Site: Bookmarklet
Este bookmarklet realiza la búsqueda en Google del sitio, pero usando el comando “Site:”.
Arrastrar a la barra de favoritos
[crayon lang="java"]javascript:myURL=location.href;myURL=myURL.replace(‘http://’,”);
myURL=myURL.replace(‘www.’,”);
slash=myURL.indexOf(‘/’);
myURL=myURL.substring(0,slash);
void(window.open(‘http://www.google.es/search?q=site%3A’+myURL+’&pws=0′+’&num=100′+’&filter=0′));[/crayon]
Wireframes Bookmarklet
Este bookmarklet crea un wireframe en función de los DIVs presentes en el sitio, muy útil para realizar indicaciones a una equipo de diseñadores.
Arrastrar a la barra de favoritos
[crayon lang="java"]javascript:(function(){wf_bookmarklet={ver:’1.5′,ka:86400000,to:7000};
if(typeof%20wfInit==’undefined’){var%20s=document.body.appendChild(document.createElement(‘script’)).src=(document.location.protocol==’https:’?'https:’:'http:’)+’//www.wirify.com/client/wirify.min.js?’+parseInt(new%20Date().getTime()/wf_bookmarklet.ka);window.setTimeout(function(){if(typeof%20wfInit==’undefined’){alert(‘Wirify%20is%20still%20processing%20or%20temporarily%20unavailable,%20please%20try%20again%20in%20a%20moment\n\nVisit%20%20twitter.com/wirify%20%20and%20%20www.wirify.com/blog%20%20for%20latest%20announcements’);
}},wf_bookmarklet.to);}else{wfInit()
;}})();[/crayon]
Bookmarklets para Diseño
X-Ray Bookmarklet
Este bookmarklet te permite seleccionar cualquier elemento de la página, para ver todos sus atributos.
Arrastrar a la barra de favoritos
[crayon lang="java"]javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement(‘SCRIPT’);
%20scriptElem.setAttribute(‘language’,%20′JavaScript’);
%20scriptElem.setAttribute(‘src’,%20scriptURL);
%20document.body.appendChild(scriptElem);
}loadScript(‘http://westciv.com/xray/thexray.js’);[/crayon]
Blur Bookmarklet
Este bookmarklet aplica un efecto Blur en el contenido del sitio, útil para cuando queremos capturar pantallas sin que se vea cierta información.
Arrastrar a la barra de favoritos
[crayon lang="java"]javascript:function%20x(){var%20styleObj=document.createElement(“style”);
styleObj.setAttribute(“type”,”text/css”);document.getElementsByTagName(“head”)[0].appendChild(styleObj);
rule%20=%20″h1,h2,a,p,span,blockquote{color:transparent;text-shadow:%200%200px%205px%20#000;
filter:alpha(opacity=20);
%20opacity:%200.2;
%20-moz-opacity:0.2;}”;
styleObj.appendChild(document.createTextNode(rule+”\n”));
return%20false;};x();
void(0);[/crayon]
Markup Bookmarklet
Este bookmarklet permite añadir marcadores a elementos de la página, incluyendo anotaciones, para poder remarcar estos y comprartilos en la nube.
Arrastrar a la barra de favoritos
[crayon lang="java"]javascript:javascript:(function()%7Bwindow.add_js=function(s)%7Bvar%20k=(document.getElementsByTagName(‘head’)%5B0%5D%7C%7Cdocument.body).appendChild(document.createElement(‘script’));
k.src=s;
k.type=’text/javascript’;
k.markup=’9b3f194a-0909-11e0-b97b-001517bacb5f’%7D;window.MarkUp=window.MarkUp%7C%7C%7B%7D;add_js(‘http://api.markup.io/bootstrap.js?v=1&’+(+(new%20Date)))%7D)();[/crayon]
CSS SpriteMe Bookmarklet
Este bookmarklet es uno de mis favoritos, ya que te permite ver las imagenes de la página que podrian formar parte de un CSS Sprite y no solo eso, sino que te genera el png y su código CSS.
Arrastrar a la barra de favoritos
[crayon lang="java"]javascript:(function(){var%20spritemejs=document.createElement(‘SCRIPT’);
spritemejs.type=’text/javascript’;
spritemejs.src=’http://spriteme.org/spriteme.js’;
document.getElementsByTagName(‘head’)[0].appendChild(spritemejs);
})();[/crayon]
Bookmarklets para Copys
Paper.li Bookmarklet
Este bookmarklet permite extraer los posts de un blog, para ser incluidos en el servicio de Paper.li.
Arrastrar a la barra de favoritos
[crayon lang="java"]javascript:void(function(){var%20a=document.createElement(‘script’);a.setAttribute(‘type’,'text/javascript’);
a.setAttribute(‘src’,'http://paper.li/javascripts/bookmarklet/init.js’);
document.body.appendChild(a)}());[/crayon]
Bit.ly Sidebar Bookmarklet
Este bookmarklet añade una barra lateral a tu navegador, con la cual puedes generar la URL corta de la página y ver sus estadisticas.
Arrastrar a la barra de favoritos
[crayon lang="java"]javascript:var%20e=document.createElement(‘script’);e.setAttribute(‘language’,'javascript’);
e.setAttribute(‘src’,'http://bit.ly/bookmarklet/load.js’);
document.body.appendChild(e);
void(0);[/crayon]
Scoop.it Sidebar Bookmarklet
Este bookmarklet añade una barra lateral a tu navegador, con la cual puedes añadir el post a tu concentrador de contenidos generado dentro de Scoop.it.
Arrastrar a la barra de favoritos
[crayon lang="java"]javascript:(function(){scscript=document.createElement(‘SCRIPT’);
scscript.type=’text/javascript’;
scscript.src=’http://www.scoop.it/resources/bklet/scoop.js?x=’+(Math.random());
document.getElementsByTagName(‘head’)[0].appendChild(scscript);
document.sc_srvurl=’http://www.scoop.it’})();[/crayon]
