一、注意事项，提前说

1）白嫖技能，仅限个人学习

2）商业用途，请勿使用，所有因技术产生的法律纠纷，与博主无关

二、准备工作

1）Windows系统

2）Chrome浏览器

3）Editplus编辑器（或其他作业工具）

三、文章适用对象

1）前端研发老师（能力强的，请绕过）

2）后端研发老师（能力强的，请绕过；一般后端的前端能力都不是很够看）

3）全栈研发老师（大佬，请绕过）

4）非程序员（同志，这篇文档，对您，价值貌似不是很大）

四、白嫖，其实很简单

方式一

1）打开相中的网站

2）找到相中的模块

3）Ctrl + S，一键保存所有Html，以及js，以及Css

4）使用Editplus找到想要的样式模块

5）剔除不需要的内容，或抽离需要的内容

6）Ctrl + S，保存下来的内容，一般都是编译后的内容，需要重构下代码（重构，可以学到很多东西哦）

7）完成白嫖（具体的调试，需要一定的技术基础，个人学习嘛，坚持下去哈）

8）说明

        1、此方式呢，样式会全部保存，一些动态效果可能会丢失；

        2、如果相中的就是动态效果，那就要费点功夫、扣源码了

方式二

1）打开相中的网站

2）F12,打开浏览器调试工具

3）找到相中的模块

4）Ctrl + C,copy相应的HTML代码，以及js代码，以及Css代码

5）Ctrl + V,粘贴到Editplus，然后就剩下调试了

方式三

1）有的网站呢，防止白嫖的

2）简单一些的呢，禁止F12，没有F12，搞起来只能使用方式一了

3）F12呢，有快速定位的功能，没有F12呢，定位到相应模块，可能会稍微麻烦一些（通过id或者class定位）

4）没有F12，也能看到源码

view-source:${url}

## 示例：view-source:https://hgsuper.cn/

五、啰嗦一波

1）其实呢，这篇文章就想备份下一行代码，没想写这么多

2）有些东西提前学，准备好了，把把的机会