基于linnux+phantomjs实现生成图片格式的网页快照
更新时间：2015年04月15日 14:47:01 投稿：hebedich
在代码区看到一个生成站点快照的代码，看了半天才发现，作者仅仅贴出来业务代码，最核心的生成快照图片的代码反而没有给出来。 以前记得google搜索提供站点缩略图，那时候觉得好神奇，但是没有花时间去做深入的调研。昨天又遇到了，那就顺便调研下吧。
安装扩展:
(1)下面是我在linux上的安装过程，如果没有安装git请先yum install git
安装casperjs
复制代码 代码如下:
cd /
git clone git://github.com/n1k0/casperjs.git
cd casperjs
ln -sf /casperjs/bin/casperjs /usr/local/bin/casperjs //可以忽略 实际执行中php是执行 /casperjs/bin/casperjs
(2)安装phantomjs，下载地址：http://phantomjs.org/download.html
下载后操作很简单，直接把解压好的\bin\phantomjs移动到\usr\local\bin\phantomjs就可以了。\
测试phantomjs --version 有结果不报错，说明安装OK
(3)安装字体
1. 首先获得一套“微软雅黑”字体库（Google一下一大把），包含两个文件msyh.ttf（普通）、msyhbd.ttf（加粗）；
2. 在/usr/share/fonts目录下建立一个子目录，例如win，命令如下：
复制代码 代码如下:
# mkdir /usr/share/fonts/win
3. 将msyh.ttf和msyhbd.ttf复制到该目录下，例如这两个文件放在/root/Desktop下，使用命令：
复制代码 代码如下:
# cd /root/Desktop
# cp msyh.ttf msyhbd.ttf /usr/share/fonts/win/
4. 建立字体索引信息，更新字体缓存：
复制代码 代码如下:
# cd /usr/share/fonts/win
# mkfontscale （如果提示 mkfontscale: command not found，需自行安装 # yum install mkfontscale ）
# mkfontdir
# fc-cache （如果提示 fc-cache: command not found，则需要安装# yum install fontconfig ）
至此，字体已经安装完毕！
<?php
if (isset($_GET['url']))
{
set_time_limit(0);
$url = trim($_GET['url']);
$filePath = md5($url).'.png';
if (is_file($filePath))
{
exit($filePath);
}
//如果不加这句就会报错“Fatal: [Errno 2] No such file or directory; did you install phantomjs?”,详情参考http://mengkang.net/87.html
putenv("PHANTOMJS_EXECUTABLE=/usr/local/bin/phantomjs");
$command = "phantomjs phantomjs.js {$url} {$filePath}";
@exec($command);
exit($filePath);
}
?>
<!DOCTYPE html>
<html>
<head>
<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>
</head>
<body>
<form action="" id="form">
<input type="text" id="url" />
<button type="submit">生成快照</button>
<div>
<img src="" alt="" id="placeholder" />
</div>
</form>
<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>
</body>
</html>
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();
});
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
这篇文章主要介绍了Yii2.0框架实现带分页的多条件搜索功能,涉及Yii2.0数据库查询及分页显示相关操作技巧,需要的朋友可以参考下2019-02-02
这篇文章主要介绍了php中各种定义变量的方法小结,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了Zend Framework实现多文件上传功能的方法,较为详细的分析说明了Zend Framework实现多文件上传的具体步骤与相关实现技巧,需要的朋友可以参考下2016-03-03
这篇文章主要给大家介绍了利用PHP实现一个简单的用户登记表的相关资料，文中分别介绍了如何展示单行和多行信息表的实现方法，分别给出了详细的示例代码，需要的朋友可以参考简介，下面来一起看看吧。2017-04-04
今天小编就为大家分享一篇laravel 修改记住我功能的cookie保存时间的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
这篇文章主要介绍了简单谈谈PHP的垃圾回收机制的相关资料,需要的朋友可以参考下2018-03-03
今天小编就为大家分享一篇关于PHP使用mysqli同时执行多条sql查询语句的实例，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-03-03
运算符和表达式是php学习中最基础的知识，本文章通过实例向大家讲解一下运算符和表达式在php中的一些应用和技巧，以及需要注意的地方，需要的朋友可以参考一下。2016-11-11
这篇文章主要介绍了Yii1.1框架实现PHP极光推送消息通知的相关资料,需要的朋友可以参考下2018-09-09
这篇文章主要为大家详细介绍了laravel自定义分页实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
最新评论