{"id":6986,"date":"2010-11-04T18:00:58","date_gmt":"2010-11-04T16:00:58","guid":{"rendered":"http:\/\/onsoftware.softonic.com\/30-bookmarklets-imprescindibles"},"modified":"2025-06-13T06:36:56","modified_gmt":"2025-06-13T04:36:56","slug":"30-bookmarklets-imprescindibles","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/es\/30-bookmarklets-imprescindibles\/","title":{"rendered":"30 bookmarklets imprescindibles"},"content":{"rendered":"<p><a href=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2010\/11\/bookmarklet.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2010\/11\/bookmarklet.jpg\" alt=\"bookmarklet\" title=\"bookmarklet\" style=\"border: 0px none;margin-left: 0px;margin-right: 0px\" align=\"right\" border=\"0\" height=\"169\" width=\"158\" \/><\/a> Hoy en d\u00eda, las extensiones han arraigado en pr\u00e1cticamente todos los navegadores y se han convertido en los widgets de este tipo de programas. Pero esto no siempre ha sido as\u00ed. Antes, muchas de las peque\u00f1as acciones complementarias se llevaban a cabo mediante bookmarklets.<\/p>\n<p>Un bookmarklet no es m\u00e1s que un marcador web que conduce a c\u00f3digo Javascript y te permite interactuar con el contenido de la p\u00e1gina web que est\u00e1s visitando. Este concepto parece limitarlos bastante en funciones respecto a las extensiones pero existen gran cantidad de bookmarklets igual de \u00fatiles y a\u00fan m\u00e1s accesibles.<\/p>\n<p>A continuaci\u00f3n vamos a mostrarte algunos de los bookmarklets m\u00e1s interesantes que hemos encontrado:<!--more--><br \/>\nRecordad que si quer\u00e9is guardar los bookmarklets para usarlos m\u00e1s adelante, tan s\u00f3lo ten\u00e9is que <strong>arrastrar los enlaces indicados en cada web a la barra de marcadores<\/strong> de vuestro navegador.<\/p>\n<h2>Redes Sociales<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2010\/11\/redessociales.jpg\" alt=\"redessociales\" title=\"redessociales\" style=\"border: 0px none\" border=\"0\" height=\"100\" width=\"550\" \/><\/p>\n<p>Encuentras un enlace que te gustar\u00eda compartir con tus contactos. \u00bfQu\u00e9 vendr\u00eda despu\u00e9s?\u00a0 Copiarlo en tu portapapeles, acceder a la p\u00e1gina, registrarte si a\u00fan no has iniciado sesi\u00f3n, ir a tu muro o zona de publicaci\u00f3n, pegarlo y a\u00f1adir un comentario.<\/p>\n<p>\u00bfDemasiados pasos? No te preocupes, aqu\u00ed tienes los bookmarklets para compartir la p\u00e1gina que est\u00e9s visitando directamente en tus plataformas de publicaci\u00f3n preferidas:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.facebook.com\/share_options.php\">Facebook<\/a><\/li>\n<li><a href=\"http:\/\/dev.twitter.com\/pages\/share_bookmarklet\">Twitter<\/a><\/li>\n<li><a href=\"http:\/\/tuentieros.blogspot.com\/2010\/08\/tuenti-activa-tuenti-share-para.html\">Tuenti<\/a><\/li>\n<li><a href=\"http:\/\/www.tumblr.com\/goodies\">Tumblr<\/a><\/li>\n<li><a href=\"http:\/\/posterous.com\/help\/bookmarklet\">Posterous<\/a><\/li>\n<li><a href=\"http:\/\/www.delicious.com\/help\/bookmarklets\">Delicious<\/a><\/li>\n<\/ul>\n<h2>Acortar URL<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2010\/11\/acortadores.jpg\" alt=\"acortadores\" title=\"acortadores\" style=\"border: 0px none\" border=\"0\" height=\"100\" width=\"550\" \/><\/p>\n<p>Hace poco te contamos los <a href=\"http:\/\/onsoftware.softonic.com\/acortadores-de-url-minimizando-la-web\">pros y contras<\/a> de los acortadores de URL. Si eres habitual de este tipo de servicios, estos bookmarklets te ahorrar\u00e1n algo de tiempo. Haz clic en alguno y te enviar\u00e1 a la web donde copiar su enlace acortado. M\u00e1s f\u00e1cil imposible:<\/p>\n<ul>\n<li><a href=\"\/\/tinyurl.com\/create.php?url='+location.href)\">TinyURL<\/a><\/li>\n<li><a href=\"\/\/bit.ly\/bookmarklet\/load.js');document.body.appendChild(e);void(0);\">Bit.ly<\/a><\/li>\n<li><a href=\"\/\/is.gd\/create.php?longurl='+encodeURIComponent(location.href))\">Is.gd<\/a><\/li>\n<\/ul>\n<h2>Herramientas para dise\u00f1adores web<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2010\/11\/webmaster.jpg\" alt=\"webmaster\" title=\"webmaster\" style=\"border: 0px none\" border=\"0\" height=\"100\" width=\"550\" \/><\/p>\n<p>A veces es \u00fatil disponer de utilidades en el propio navegador para probar, modificar y validar tus p\u00e1ginas web o para identificar la estructura de las de otros. Estos bookmarklets tienen ese objetivo y en algunos casos, ya los conocer\u00e1s en versi\u00f3n de complemento de navegador:<\/p>\n<ul>\n<li><a href=\"http:\/\/getfirebug.com\/firebuglite#Install\">Firebug Lite<\/a>: una versi\u00f3n ligera del util\u00edsimo complemento para Firefox y otros navegadores. Imprescindible si lo tuyo es maquetar p\u00e1ginas web.<\/li>\n<li><a href=\"http:\/\/www.westciv.com\/xray\/\">XRAY<\/a>: invoca una ventana que te revelar\u00e1 toda la informaci\u00f3n necesaria de un elemento web cuando hagas clic en \u00e9l. Muy vistoso e intuitivo.<\/li>\n<li><a href=\"http:\/\/www.sprymedia.co.uk\/article\/Design\">Layout Grid<\/a>: rejilla y regla de medici\u00f3n de p\u00edxeles para im\u00e1genes, bloques de texto y otros elementos.<\/li>\n<li><a href=\"document.body.contentEditable%20=%20'true';%20document.designMode='on';%20void%200\">Edit Current Page<\/a>: permite modificar una web como si de un documento Word se tratase. La pega es que los cambios desaparecen al recargar la web.<\/li>\n<li><a href=\"http:\/\/validator.w3.org\/favelets.html\">Validate<\/a>: si necesitas que tu p\u00e1gina valide seg\u00fan W3C, haz clic en el enlace y compru\u00e9balo. Los consejos inferiores son \u00fatiles.<\/li>\n<\/ul>\n<h2>Algunas utilidades multimedia<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2010\/11\/multimedia.jpg\" alt=\"multimedia\" title=\"multimedia\" style=\"border: 0px none\" border=\"0\" height=\"100\" width=\"550\" \/><\/p>\n<p>Extraer v\u00eddeos, escuchar canciones\u2026 Hay algunos bookmarks que le sacan todo el jugo a la web.<\/p>\n<ul>\n<li><a href=\"http:\/\/marklets.com\/GrooveSelect.aspx\">Grooveselect<\/a>: leer el t\u00edtulo de una canci\u00f3n no es lo mismo que escucharlo. O as\u00ed era hasta ahora. Selecciona el texto donde figure artista y canci\u00f3n y haz clic en el bookmarklet. Tras unos segundos de carga, sonar\u00e1 el tema en tu navegador.<\/li>\n<li><a href=\"http:\/\/1024k.de\/bookmarklets\/video-bookmarklets.html\">All In One Video<\/a>: \u00bfest\u00e1s viendo un v\u00eddeo de Youtube y quieres descargarlo? No eches mano de conversores o extractores de Escritorio. Con este bookmarklet un clic te separa de la descarga.<\/li>\n<li><a href=\"http:\/\/pdfmyurl.com\/\">PDFmyURL<\/a>: tan sencillo como su t\u00edtulo insin\u00faa. Haz clic en el marcador y la p\u00e1gina que est\u00e9s viendo ser\u00e1 descargable en PDF. Ideal para impresi\u00f3n de comprobantes de compra online.<\/li>\n<li><a href=\"http:\/\/tim.theenchanter.com\/2008\/08\/autoscroll-in-safari-firefox.html\">Autoscroll<\/a>: art\u00edculos largos, p\u00e1ginas con letras de canciones o tabulados y acordes de guitarra\u2026 Hay veces que no puedes pasar el scroll manualmente y te vendr\u00e1 bien esta ayuda en forma de marcador.<\/li>\n<\/ul>\n<h2>Divi\u00e9rtete con la web<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-images.sftcdn.net\/wp-content\/uploads\/sites\/2\/2010\/11\/divertidos.jpg\" alt=\"divertidos\" title=\"divertidos\" style=\"border: 0px none\" border=\"0\" height=\"100\" width=\"550\" \/><\/p>\n<p>Posiblemente sean fruto del aburrimiento de un programador Javascript, con o sin tiempo libre, pero hacer clic en estos bookmarklets te sacar\u00e1 una sonrisa al menos. Te aseguramos que ninguno le har\u00e1 nada a tu ordenador pero\u2026 \u00bfte atrever\u00e1s a usarlos?<\/p>\n<ul>\n<li><a href=\"{var%20R=0,%20x1=.1,%20y1=.05,%20x2=.25,%20y2=.24,%20x3=1.6,%20y3=.24,%20x4=300,%20y4=200,%20x5=300,%20y5=200,%20I=document.getElementsByTagName(%22img%22),%20L=I.length;%20setInterval(function%20(){for(i=0;%20i-L;%20i++){var%20S=I[%20i%20].style;%20S.position='absolute';%20S.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+%22px%22;%20S.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+%22px%22}R++},5);%20void(0)}\">Im\u00e1genes voladoras<\/a><\/li>\n<li><a href=\"http:\/\/www.reload.me.uk\/b3ta\/kittens\/\">\u00a1Gatitos!<\/a><\/li>\n<li><a href=\"http:\/\/erkie.github.com\/\">Kick Ass<\/a>: Asteroids en la web<\/li>\n<li><a href=\"http:\/\/marklets.com\/Liquid+Page.aspx\">Liquid Page<\/a><\/li>\n<\/ul>\n<h2>Otros bookmarklets interesantes<\/h2>\n<ul>\n<li><a href=\"http:\/\/www.evernote.com\/about\/intl\/es\/download\/\">Evernote<\/a>: convierte la p\u00e1gina visitada en una nota de Evernote, el conocido bloc de apuntes online.<\/li>\n<li><a href=\"http:\/\/translate.google.com\/translate_buttons\">Traductor<\/a>: traduce directamente la web que est\u00e9s viendo gracias a Google Translator.<\/li>\n<li><a href=\"http:\/\/lab.arc90.com\/experiments\/readability\/es\/\">Readability<\/a> y <a href=\"http:\/\/www.tidyread.com\/\">Tidyread<\/a>: \u00bfrecuerdas que comentamos algunos sistemas de limpiar y <a href=\"http:\/\/onsoftware.softonic.com\/readability-lee-tus-paginas-web-sin-distracciones\">hacer m\u00e1s legibles las p\u00e1ginas web<\/a>? Te recordamos los marcadores de dos de los m\u00e1s populares.<\/li>\n<li><a href=\"http:\/\/www.bugmenot.com\/\">Bugmenot<\/a>: muchas p\u00e1ginas requieren un registro previo para acceder a ellas. En Bugmenot dispones de claves generadas por los usuarios, que son puestas en com\u00fan para evitar este tedioso proceso.<\/li>\n<li><a href=\"http:\/\/www.rollyo.com\/bookmarklet.html\">Rollyo<\/a>: a d\u00eda de hoy sigue habiendo p\u00e1ginas sin un buscador interno. Este bookmarklet pone remedio a esta imperdonable carencia. Inv\u00f3calo, busca y encuentra lo que quieras, donde quieras.<\/li>\n<li><a href=\"http:\/\/www.micropersuasion.com\/2008\/02\/three-bookmarkl.html\">Mobilize This!<\/a> Indispensable para navegadores m\u00f3viles. Google maqueta de nuevo la p\u00e1gina que est\u00e9s visitando para verla sin problemas en pantallas peque\u00f1as.<\/li>\n<li><a href=\"http:\/\/marklets.com\/Adblock.aspx\">Adblock<\/a>: no hacen falta explicaciones. Bloquea los anuncios igual que las extensiones pero sin tener que instalar nada.<\/li>\n<li><a href=\"http:\/\/www.themaninblue.com\/experiment\/FormTextResizer\/\">Formularios reescalables<\/a>: \u00bfcajas de texto demasiado peque\u00f1as? Un clic a este bookmarklet y podr\u00e1s arrastrar una esquina para ajustar su tama\u00f1o al que desees.<\/li>\n<\/ul>\n<p><strong>\u00bfSueles utilizar bookmarklets habitualmente? \u00bfLos has sustituido por extensiones? \u00bfQu\u00e9 otros marcadores de este tipo conoces?<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoy en d\u00eda, las extensiones han arraigado en pr\u00e1cticamente todos los navegadores y se han convertido en los widgets de este tipo de programas. Pero esto no siempre ha sido as\u00ed. Antes, muchas de las peque\u00f1as acciones complementarias se llevaban a cabo mediante bookmarklets. Un bookmarklet no es m\u00e1s que un marcador web que conduce &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/es\/30-bookmarklets-imprescindibles\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;30 bookmarklets imprescindibles&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1029,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[],"tags":[],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-6986","post","type-post","status-publish","format-standard","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/6986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/users\/1029"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/comments?post=6986"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/6986\/revisions"}],"predecessor-version":[{"id":385728,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/6986\/revisions\/385728"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/media?parent=6986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/categories?post=6986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/tags?post=6986"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/usertag?post=6986"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/vertical?post=6986"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/content-category?post=6986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}