PHP采集静态页面并把页面css,img,js保存的方法
本文实例讲述了PHP采集静态页面并把页面css,img,js保存的方法。分享给大家供大家参考。具体分析如下:
这是一个可以获取网页的html代码以及css,js,font和img资源的小工具,主要用来快速获取模板,如果你来不及设计UI或者看到不错的模板,则可以使用这个工具来抓取网页和提取资源文件,提取的内容会按相对路径来保存资源,因此你不必担心资源文件的错误url导入.
首页index.php,代码如下:
<!DOCTYPEhtml> <html> <head> <metaname="author"content="flute"/> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>网页抓取器</title> <linkrel="stylesheet"href="main.css"media="all"/> <scripttype="text/javascript"src="jquery.js"></script> <scripttype="text/javascript"src="main.js"></script> </head> <body> <h1>WebGrabber</h1> <hr/> <divclass="box"> <h2>Url</h2> <divclass="form"> <inputtype="text"id="project"value="projectname"/> <inputtype="text"id="url"value="http://"size="60"/> <buttonclass="submit"type="button">Get</button><spanid="tip"></span> </div> </div> <divclass="box"> <spanclass="all"id="saveall">SaveAll</span> <h2>List</h2> <ulid="list"> </ul> </div> </body> </html>
抓取页面代码grab.php,代码如下:
<?PHP
/*
*flute
*2014/03/31
*/
if(isset($_POST['url'])){
if(isset($_POST['project'])&&!is_dir($_POST['project']))mkdir($_POST['project'],0777);
echojson_encode(grab($_POST['url']));
}
functiongrab($url){
//$url='http://ldixing-wordpress.stor.sinaapp.com/uploads/leaves/test.html';
$data=array();
$file=preg_replace('/^.*//','',$url);
if(($content=file_get_contents($url))!==false){
if(isset($_POST['project']))file_put_contents($_POST['project'].'/'.$file,$content);
$pattern='/<link.*?href=('|")(.*?.css)1.*?>/i';
if(preg_match_all($pattern,$content,$matches)){
$data['css']=$matches[2];
}
$pattern='/<script.*?src=('|")(.*?.js)1.*?>/i';
if(preg_match_all($pattern,$content,$matches)){
$data['js']=$matches[2];
}
$pattern='/<img.*?src=('|")(.*?)1.*?>/i';
if(preg_match_all($pattern,$content,$matches)){
$data['img']=$matches[2];
}
$pattern='/url(('|"|s)(.*?)1)/i';
if(preg_match_all($pattern,$content,$matches)){
$data['src']=$matches[2];
}
}
return$data;
}
functionvardump($obj){ echo'<pre>'; print_r($obj); echo'</pre>'; } ?>