2012年6月11日 星期一

使用 wkhtmltoimage 來建立網頁的快照 (ubuntu)

wkhtmltoimage 真的是很棒的東西 wk 指的是 webkit,是chrome/safari的核心,它是opensource,所以就有好人把它打包成可以執行javascript的指令。超棒,除了基本的library用apt-get裝起來之外,下載下來的還是binary檔,不用裝xwindow,在VPS也可以順利執行,真的是太棒了。
  • apt-get install openssl build-essential xorg libssl-dev libxrender-dev  ttf-arphic-bsmi00lp ttf-arphic-gbsn00lp xfonts-intl-chinese
    # 我這邊只找了跟新細明體很像的字體,包含繁簡,因為這是大部份網頁上用的。我嘗試了很久要裝(標)楷體,但都失敗了,都會把原本的細明體蓋掉。
  • wget http://wkhtmltopdf.googlecode.com/files/wkhtmltoimage-0.11.0_rc1-static-i386.tar.bz2
    #把 binary 檔下載下來
  • tar -xvf wkhtmltoimage-*.tar.bz2
    # 解壓出來就一個執行檔
  • ./wkhtmltoimage-i386 --disable-smart-width --width 960 --height 1024 http://fashion.piliapp.com/ fashion.jpg
    # 直接執行就可以了
    # 基本上 JS 都支援,但是好像有scroll的都怪怪的。

因為我要用的case只是要做badget,不是很要求一些細節,如果有還有問題請不要問我...