最近没事干刷手机，看到qq空间的新皮肤挺好看，手痒痒就想自己动手克隆一个试试，反正闲着也是闲着。

找工具和素材

先打开电脑，qq空间不能直接下载皮肤文件，这有点烦。浏览器里搜搜教程，一堆教程看得头晕。找到一个旧帖子说需要用浏览器开发者工具扒拉源码。我就点了f12，找html和css文件。结果那些代码乱糟糟的，一长串像乱码，扒拉了半天才找到几张图片和一堆代码块。下载工具就用了记事本和浏览器自带的保存功能，简单粗暴。这活儿最烦人，眼睛都看花了。

接着想试试克隆出来的效果。直接在本地文件夹新建html文件，把扒拉到的代码贴进去。保存后双击打开，一看页面啥都不对劲，字都飞了，图片也加载不出来。气得我想砸键盘。猜是路径问题，那些图片和js路径全指向远程服务器，本地没东西加载。硬着头皮重新扒拉资源文件，把图片全保存到本地目录，css里手动改了每个url地址。弄了快两小时才改完。

调试和修改细节

代码运行后更悲剧：背景色奇怪，按钮不响应。查了查浏览器控制台，报了一堆错误。qq空间的动态效果是js写的，我根本不会那玩意儿。真头大，差点放弃。想想决定简化点，只克隆静态部分。用chrome的inspect工具复制样式，一点点调整css，加加颜色换换字体大小。试错好几回：改宽度，页面就崩；改padding，布局乱套。索性删了复杂动画，用基本html标签代替。

• 先固定布局，div套div。
• 图片懒加载太复杂，直接引用本地图。
• 按钮啥的改成纯html元素。

一步是美化视觉效果。原版有花哨特效，我没资源。网上找免费素材库弄几张图贴上去，模仿那风格。效果很山寨，但凑合能看。

成果和反思

完事后把克隆文件存到桌面，打开来玩一把，页面有点卡但皮肤样式基本像模像样。成就感爆棚。不过克隆过程耗体力又麻烦，qq空间更新快，下次出新皮肤还得重来。以后不干这破事儿了，省心点玩别的。