Mariano Guerra's Log (Posts about webkit)

webshots - a.k.a. ya tendria que empezar a trabajar :P

Mariano Guerra — Thu, 03 Jun 2010 23:47:00 GMT

y si, esto de estar recibido y a la espera del día que entre a mi nuevo trabajo (solo 15 faltan dias) me da bastante tiempo libre para probar todas esas cosas que cuando estudiaba o trabajaba quedaban "para después".

En este caso necesitaba una herramienta para transformar mis presentaciones hechas con pepete a un formato que pueda ser distribuido offline.

pensé dos cosas, bajarlo a imágenes o a pdfs y como no me decidía hice las dos.

El resultado es webshot, quizás le sea útil a alguien, quizás no, que importa, el código esta ahí :D.

webshot es un webkit adentro de una ventana gtk que tiene algunos bindings útiles como ir a fullscreen, guardar la porción visible de la pantalla a png o pdf y no mucho mas.

esta herramienta me permite dar las presentaciones de pepete con un visor limpio, poder ir a fullscreen y volver y si quiero transformar las presentaciones en pdf simplemente saco screenshot de cada slide y luego los junto.

mostrar un screenshot de webshot es lo mismo que mirar tu browser actual así que mucho sentido no tiene, eso si, hay dos ejemplos del resultado de guardar la pagina en el proyecto:

la pagina del proyecto en pdf

la pagina del proyecto en png

una presentación sobre webshot en pepete (te recomiendo abrirla en webshot :P)

http://marianoguerra.github.com/pepete/show.html#webshot.json
eso es todo

Webless en github

Mariano Guerra — Thu, 10 Dec 2009 23:15:00 GMT

a pedido de 2 personas webless esta en github:

http://github.com/marianoguerra/webless

en el README da unas instrucciones básicas de como usarlo

diviértanse encontrándole un uso :)

webless prototipo final

Mariano Guerra — Fri, 20 Nov 2009 22:18:00 GMT

si viste el post anterior encontraste un poco de codigo de mas, para que lo querria uno?

bue, la idea era hacer algo asi:

uno entra a una pagina, pone una url, escribe un poco de javascript/jquery, aprieta probar y nos trae la pagina de resultado renderizandola en el server en webkit y aplicando el codigo que le dimos.

si el snippet que hicimos nos es util lo podemos guardar y nos da una url que podemos usar para obtener el resultado de esa transformacion cada vez que queramos.

no entendes nada? un ejemplo?

* obtener solo los links de los resultados de la primera pagina de google al buscar X
* sacar la cotizacion del dolar de la pagina de algun diario

es interesante tenerlo limpito y nos puede interesar consumirlo periodicamente o usarlo como entrada a otro programa, incluso podemos combinar varias entradas y armar un mashup en una pagina usando los resultados de varios scripts.

todavia no se entiende? ok, vamos con un par de screenshots...

lo que hacemos es poner esta url: www.google.com/search?q=sublime
y este script:


var page = $("html");
page.html($(".l"));
$('.l').wrap('<li></li>');
page.wrapInner('<ul></ul>');

y darle test, el resultado es:

luego elegimos send y lo guarda y nos da una url permanente para accederlo, al hacerlo vemos lo siguiente:

si alguien tiene ganas de seguir jugando con esto o lo hostea en algún lado publico el código por ahí :D

Browser en pygtk con webkit en unas cuantas lineas de codigo

Mariano Guerra — Fri, 20 Nov 2009 18:41:00 GMT

import sys
import gtk
# https://bugs.launchpad.net/bugs/480398
gtk.gdk.threads_init()
import webkit

class Browser(gtk.Window):
def __init__(self, url=''):
gtk.Window.__init__(self)
self.set_title('Browser')
self.set_default_size(640, 480)

self.url = url

scroll = gtk.ScrolledWindow()
scroll.set_policy(gtk.POLICY_AUTOMATIC, gtk.POLICY_AUTOMATIC)
scroll.set_shadow_type(gtk.SHADOW_IN)

self.view = webkit.WebView()
scroll.add(self.view)

vbox = gtk.VBox()

entry = gtk.Entry()
entry.connect('activate', self._on_url_changed)

if self.url:
entry.set_text(self.url)
entry.activate()

vbox.pack_start(entry, False)
vbox.pack_start(scroll, True, True)
vbox.show_all()

self.add(vbox)

self.connect('delete-event', lambda *args: sys.exit(0))

def _on_url_changed(self, entry):
'''called when the url changes'''
self.url = entry.get_text()

if not self.url.startswith('http://') and not self.url.startswith('https://'):
self.url = 'http://' + self.url

self.view.open(self.url)

if __name__ == '__main__':
browser = Browser('www.google.com')
browser.show()
gtk.main()