您的位置:首页 > 运维架构 > 网站架构

关于爬取网站 复制网站的一些笔记

2016-11-15 08:54 281 查看
思想和行动,总有一个不能落后于人。

在多次更改代码未果之后,某神说,其实要做的东西很简单,没有你想的那么复杂,既然你想做一个和别人功能相似的网站,那么试着去copy一个别人的网站就可以了。

比如复制这么一个网站http://jiaoao.smartisan.com/proud/

你需要的基本工具就是firebug,其他几不用了。

安装完firebug之后,进入目标网站

然后按键盘上的F12进入开发者模式,再对页面进行刷新,这个时候你就可以看到Firebug的网络里面显示了该网页的所有的加载项,这个时候我们就可以选择复制该网页的css文件和js文件,具体方法为

找到该网页的加载的css和js文件 然后右键该css文件

复制地址,在浏览器页面打开。这时候就可以看到该网站加载的css文件

看到这么乱的css代码肯定是很乱,不方便修改的,所以这个时候要简单的对css文件进行一下修改美化,百度一下在线代码格式化或者代码美化

杂乱的代码就变成我们习惯的样子了。

这时候同样复制一下js文件,php文件,然后进行修改,保存。

至于html文件,可以在firebug的html中发现,然后复制,格式化,最后修改。

还有写细致的东西,比如隐藏的div或者图片什么,第一大多凭借经验判断,第二是在chrome中监控观察,比如该网站鼠标悬停的一个图片放大功能。在实际的html中被放大的图片是不显示的。

但是当鼠标悬停之后,图片就显示出来了。这个img的b标签就的class多了一个on,这个时候就显示出来图片了。可以右键审查元素实现对该元素动作的监控。

还有在观察特殊功能的时候,可以审查元素,然后观察该元素的具体写法,例如审查该元素

选择查看元素

就可以看到标记的该元素,后面有一个ev也就是event 时间的意思,点击ev然后就可以看到这个元素能够响应哪些事件了。。

这是一个比较赞的功能(我觉得),这样就可以区分处js具体控制了哪一个类。

新手文章,有很多东西理解的很粗糙,不全面,望大家指正。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: