安装扩展:
(1)下面是我在linux上的安装过程,如果没有安装git请先yum install git
安装casperjs
<br /> cd /<br /> git clone git://github.com/n1k0/casperjs.git<br /> cd casperjs<br /> ln -sf /casperjs/bin<div style="color:transparent">本&文来源gaodai^.ma#com搞#代!码网</div><strong>搞gaodaima代码</strong>/casperjs /usr/local/bin/casperjs //可以忽略 实际执行中php是执行 /casperjs/bin/casperjs<br />
(2)安装phantomjs,下载地址:http://phantomjs.org/download.html
下载后操作很简单,直接把解压好的in\phantomjs移动到usr\local\bin\phantomjs就可以了。
测试phantomjs –version 有结果不报错,说明安装OK
(3)安装字体
1. 首先获得一套“微软雅黑”字体库(Google一下一大把),包含两个文件msyh.ttf(普通)、msyhbd.ttf(加粗);
2. 在/usr/share/fonts目录下建立一个子目录,例如win,命令如下:
<br /># mkdir /usr/share/fonts/win<br />
3. 将msyh.ttf和msyhbd.ttf复制到该目录下,例如这两个文件放在/root/Desktop下,使用命令:
<br /> # cd /root/Desktop<br /> # cp msyh.ttf msyhbd.ttf /usr/share/fonts/win/<br />
4. 建立字体索引信息,更新字体缓存:
<br /> # cd /usr/share/fonts/win<br /> # mkfontscale (如果提示 mkfontscale: command not found,需自行安装 # yum install mkfontscale )<br /> # mkfontdir<br /> # fc-cache (如果提示 fc-cache: command not found,则需要安装# yum install fontconfig )<br />
至此,字体已经安装完毕!
<meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <title>快照生成</title> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <style> * {margin: 0; padding: 0; } form {padding: 20px; } div {margin: 20px 0 0; } input {width: 200px; padding: 4px 2px; } #placeholder {display: none; } </style> <body> <button type="submit">生成快照</button> <div> </div> <script> $(function(){ $('#form').submit(function(){ if (typeof($(this).data('generate')) !== 'undefined' && $(this).data('generate') === true) { alert('正在生成网站快照,请耐心等待...'); return false; } $(this).data('generate', true); $('button').text('正在生成快照...').attr('disabled', true); $.ajax({ type: 'GET', url: '?', data: 'url=' + $('#url').val(), success: function(data){ $('#placeholder').attr('src', data).show(); $('#form').data('generate', false); $('button').text('生成快照').attr('disabled', false); } }); return false; }); }); </script>
var page = require('webpage').create(); var args = require('system').args; var url = args[1]; var filename = args[2]; page.open(url, function () { page.render(filename); phantom.exit(); });
以上所述就是本文的全部内容了,希望大家能够喜欢。