Muy buenos días a todos. Post un poco diferente hoy. Su titulo completo podría haber sido “como convertir una pagina web en tu iPad desde Safari hacia el formato PDF”: un poco largo verdad :-) ?

La idea surgió cuando un compañero de trabajo esta semana me pregunto si se podía hacer eso: el había hecho una compra desde su iPad en Safari y no tenia impresora a mano para imprimir. Entonces una solución era de convertir la dicha pagina en un documento en formato Pdf para guardarlo (e imprimirlo luego si hacia falta).

Así que investigue el tema y a parte de apps de pago (entre 4 y 6 $ en general) que tenían muchos funcionalidades que lo que buscaba mi compañero, no veía nada gratuito. Y de repente me encuentro con un “bookmarklet” (de “bookmark”, favorito en ingles) que no es nada mas que un script incorporado en un favorito que te permite utilizarlo desde Safari en cualquier momento. Lo que pasaba es que este script hacia referencia a una pagina web que habia cerrado el mes pasado (mala suerte!).

Por eso os propongo hoy un paso a paso de como crear un bookmarklet que funciona con otro web.

Empezamos:

Abre tu navegador Safari en tu iPad, no importa si una pagina web esta ya abierta.

Pulsa el boton de Compartir (el icono arriba representado por un rectangulo con una flecha que sale de el)

Luego pulsa el boton llamado “Favorito”…

 

 

 

 

 

 

El curso estará en el primer campo donde tendrás ya el titulo de la pagina donde estabas cuando has pulsado el botón de creación de un favorito.

Le puedes poner el nombre que quieres, es el que aparecerá luego en tu menú o barra de Favoritos.

Yo le puse “PDF”, original no ;-) ?

Como normalmente un favorito es para guardar una pagina para volver a consultarla online luego, en este momento no se puede cambiar el contenido del segundo campo, que representa la URL (la dirección de la pagina web, en castellano). Eso lo haremos en una etapa posterior.

Por defecto el favorito se guarda en el  menú de los Favoritos (lógico, no?) pero si queremos tenerlo aun mas “cerca”, lo podríamos guardar en la Barra de Favoritos.

A eso vamos: en la misma pantalla que estamos pulsar el botón “Favoritos” y nos aparecerá eso:

 

Elegimos la carpeta llamada “Barra de favoritos” pulsandola…

 

 

 

 

Y ya esta creado el favorito. Ya hemos hecho la mitad del trabajo…Imagenes_iPad-_004

Ahora pulsamos el boton del menu de los favoritos representado en Safari por un icono de libro abierto.

Dentro de este menu tenemos que elegir la carpeta de la Barra de favoritos (si lo hemos guardado previamente aqui, por supuesto).

 

 

 

 

 

 

 

 

Nos aparecerá eso, si todo va bien:

Imagenes_iPad-_005

 

Es decir el favorito que hemos creado anteriormente: en mi caso “PDF”.

Ahora pulsamos el botón “Editar” arriba de esta misma ventana abierta, a la derecha…

 

 

 

 

 

 

 

 

AhoraImagenes_iPad-_006 tenemos que elegir el favorito que queremos editar: en nuestro caso “PDF”.

 

 

 

 

 

 

 

 

 

 

 

En la nueva ventana que se abre, queremos cambiar el contenido del segundo campo…

Lo pulsamos y aparecera un circulo gris con una cruz dentro para indicarnos que podemos cambiar su contenido.

Una vez en este campo eliminamos todo su contenido actual con la tecla correspondiente en el teclado virtual del iPad.

 

 

 

 

 

Ahora viene la parte la mas “complicada”…

Tienes que copiar el script este

javascript: pdf_url=location.href;location.href=’http://pdfmyurl.com?url=’+escape(pdf_url)

y pegarlo dentro de este campo de la URL (o dirección de pagina web)

Y la creación del Bookmarklet esta ya terminada.

Ahora vamos a ver como funciona.

 

 

Imagenes_iPad-_010

 

Ahora cada vez que estas en una pagina de Safari que quieres convertir en PDF para guardarla en tu iPad, tendrás solamente que ir en tu Barra de favoritos y elegir el favorito que acabamos de crear.

Tienes que estar conectado a Internet porque una vez pulsado, lo que hace este script en Javascript es pasar la URL de la pagina donde te encuentras y pasar este parametro a una web que la convierte en PDF y te devuelve el resultado en tu navegador web.

 

 

 

Abrir el PDF en...Cuando aparece el resultado, es decir el documento PDF resultando de la conversión de la pagina web elegida, Safari te ofrece la posibilidad de abrirlo en cualquier app/lector de PDF que tienes en tu iPad.

En mi caso me enseña el botón “Abrir en Dropbox” y también “Abrir en…” en la parte superior del documento que aparece ahora en Safari.

Si pulsas este ultimo botón te apereceran todas las apps que tienes y que te permitirá abrir este PDF nuevamente creado.

Pulsa el icono de la app que eliges y ya esta…

 

Et voilà. Es todo. Si el tema de los Bookmarklet os interesa se puede escribir mas sobre el tema. Me diréis…

Louis-Philippe (AKA Lou)

Tags: , , , , ,
Fundador y Editor en Jefe de este blog / Founder & Editor in Chief of this techblog / Fondateur et Editeur en chef de ce blog.

Related Article

18 Comments

Pedro Jun 9, 2013 at 18:41

UNA PENA ME DA ERROR , ME DICE QUE SAFARI NO PUEDE ABRIR LA PÁGINA PORQUE ES UN ARCHIVO LOCAL.

    Lou Jun 11, 2013 at 11:00

    Hola Pedro,

    Perdona el retraso en contestar. Con que iPad lo probaste y con que version de iOS? Yo lo probe con iPad 2 y 3 con iOS 6. Si quieres te escribo a tu email y me lo comentas en detalles y te ayudo lo que puedo.
    Gracias por tu confianza y que tengas un feliz dia.
    Saludos,
    Lou

Sicu Jul 2, 2013 at 23:59

Buenas… Me parece muy interesante la opción que describes..pero me da el mismo error q al compañero Pedro “SAFARI NO PUEDE ABRIR LA PÁGINA PORQUE ES UN ARCHIVO LOCAL” con ipad 3 y iOS6. No se porque no funciona.. Podrías recomendarme alguna app buena que haga esa función? Gracias

    Lou Jul 3, 2013 at 14:03

    Hola Sicu,

    Pues no se de donde puede venir este error, no la he tenido nunca. Cuando precisamente te sale este mensaje de error? Que tipo de pagina has intentado convertir?
    Recomendar una app que haga eso, es difícil: porque no encontraba nada gratuito que haga bien solo esto, no vi. Y de pago valían todos alrededor de los 5 euros, sobre todo porque estas apps hacian mas cosas y conversiones que lo que he propuesto en este tutorial.
    Si quieres lo hablamos por email.
    Un saludo y feliz dia…
    Lou

Manuel Abr 20, 2014 at 3:16

Hola,
Garcias por tu artículo, pero me da el mismo error que ya han descrito los 2 compañeros.
iPad4 con iOS 7

El script que copio y pego es (por si hay algun error en él):

pdf_url=location.href;location.href=’http://pdfmyurl.com?url=’+escape(pdf_url)

    Lou Abr 20, 2014 at 10:39

    Hola Manuel,
    Gracias por tu comentario. Voy a investigar el tema: voy a rehacer el proceso y ver con alguien que tiene la misma configuración que tu … y os digo algo.
    Un saludo,
    Lou

    Lou May 12, 2014 at 21:42

    Muy buenos dias a todos, y Manuel, Sicu y Pedro.

    No podia darle solucion antes de hoy porque no me ha occurido Nunca este error pero hoy pensando en algo diferente, lo he conseguido y es gracias a Manuel.
    Porque efectivamente si copias el script si poner “javascript:” (sin comillas) delante, te da vuestro famoso mensaje de error “No se puede abrir la pagina. Safari no puede abrir la pagina porque es un archivo local”.
    Asi que aproveche para rehacer todo el proceso con iOS 7 y Safari pero no da el resultado esperado esta vez pero porque esta web Pdfmyurl.com ha cambiado sus normas de uso y es de pago si quieres un servicio completo.
    Pero se puede usar su web aun pero entrando directamente tu URL en su pagina web.
    Es el problema de depender de web de terceros…
    Voy a investigar si hay otras web gratis similares.

    Gracias a todos por vuestro interes y paciencia.

    Un saludo,

    Lou

Lou May 12, 2014 at 21:51

Muy buenos dias a todos, y Manuel, Sicu y Pedro.

No podia darle solucion antes de hoy porque no me ha occurido Nunca este error pero hoy pensando en algo diferente, lo he conseguido y es gracias a Manuel.
Porque efectivamente si copias el script sin poner “javascript:” (sin comillas) delante, te da vuestro famoso mensaje de error “No se puede abrir la pagina. Safari no puede abrir la pagina porque es un archivo local”.
Asi que aproveche para rehacer todo el proceso con iOS 7 y Safari pero no da el resultado esperado esta vez pero porque esta web Pdfmyurl.com ha cambiado sus normas de uso y es de pago si quieres un servicio completo.
Pero se puede usar su web aun pero entrando directamente tu URL en su pagina web.
Es el problema de depender de web de terceros…
Voy a investigar si hay otras web gratis similares.

Gracias a todos por vuestro interes y paciencia.

Un saludo,

Lou

Manuel May 22, 2014 at 15:13

Hola Lou,
Te comento lo que acabo de descubrir:
Cuando copias y pegas el script correctamente (con “javascript:” sin comillas) aparentemente se pega bien, pero NO es verdad.
Si editas nuevamente lo que acabas de pegar verás esto:

javascript:pdf_url=location.href;location.href=%E2%80%99http://pdfmyurl.com?url=%E2%80%99+escape(pdf_url)

Como ves se han sustituido (sin explicación aparente) dos comillas simples por unos caracteres extraños. Pues bien, si cambias dichos caracteres por las comillas simples del script original TODO FUNCIONA CORRECTAMENTE!!

Lo que no se es si solo funcionará durante un periodo de prueba al ser de pago segun dices dicha web. Habra que observarlo. De momento me funciona de lujo y espero que os sirva a todos los interesados esta observación.

Un saludo

Manuel

    Lou May 22, 2014 at 15:17

    Gracias Manuel,

    los copiar y pegar algunas veces tienen sus misterios ;-)…

    Un saludo

      Antonio Ago 16, 2014 at 11:42

      Hola, funciona pero solo si le pagas la mensualidad a dicha pagina; conocéis alguna alternativa?’ Gracias

        Lou Ago 16, 2014 at 19:08

        Hola Antonio,

        Gracias por el interes. Tengo pendiente de encontrar un servicio parecido. De momento, no conozco ninguno. Os mantengo informado…

Fernando Sep 28, 2014 at 17:34

Hola encontré otras webs que hacen lo mismo gratuitamente…pero no de Java….así que podrían ver si lo pueden adaptar:¿
NO HE ENCONTRADO UNA IMPRESORA VIRTUAL PARA IPAD SIN JAILBREAK.

Htm2pdf.com
web2pdf.com
Pdfcrowd.com

GRACIAS

    Lou Oct 7, 2014 at 19:15

    Hola Fernando,

    Gracias por tu aportación. Me lo apunto y cuando puedo veo si hay posibilidad de adaptarlo.
    Un saludo

María Nov 25, 2014 at 11:09

Buenos días, a mí me funciona perfecto. Eso sí no lo he copiado y pegado, sino que lo he escrito completamente a mano.
El único handicap es que te imprime la página en horizontal, ¿sabeis si hay algún modo de que imprima en vertical?
Muchas gracias,

Paco Mar 10, 2015 at 18:57

Funciona.
He elegido meter todo de forma manual y acabo de imprimir esta misma página y la he abierto en Adobe sin problemas

Juan José Abr 1, 2015 at 17:46

Lo probé en un iPad mini con iOS 8.2 y funciona perfecto (copiando el link a mano).
Gracias.
Saludos

Saimon Ago 15, 2015 at 18:39

Si funciona, tipeandolo de forma manual todos y cada uno de los caracteres, tal cual el ejemplo. Muestra el Pdf de forma Horizontal, no se si se pueda de forma vertical.

Leave a Comment

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies