网页拷贝工具XFT使用，方便简介，远胜WebCopy

在很多时候，进行网页制作的时候，我们经常会参考别人的网页特效进行设计，或者进行快速拷贝站点的时候，一个趁手的工具，就显得尤为重要了。

对比webcopy 工具，拷贝下来的站点文件不仅不干净，而且HTML里面的代码，很多都无关紧要，被混淆过的代码，这不是我们想要的代码，无疑会增加巨量的代码整理时间。

最近发现一款非常好用的网站拷贝工具，界面简单，使用简单，拷贝下来的代码干净。

不仅可以单页下载，还可以整站下载。

 点击下一步，操作提示简单

 配置文件保存地址路径，即可开始下载

单页下载下来的文件，简直不要太干净了。

 可以查看HTML页面的代码

干净整洁，没有多余的代码。 

随意截取一段代码，都是样式整洁的标准代码，不想webcopy 拷贝出来的代码，杂乱无章，而且很多是没有用的代码

1.  
   <div class="as-imagegrid">
2.  
   <div class=" as-imagegrid--6up "></div>
3.  
   <div class="row">
4.  
   <div class='as-imagegrid-item column large-2 medium-4 small-6'>
5.  
   <a>
6.  
   <div class='as-imagegrid-img-cont'>
7.  
   <img src="picture/homepage_productnav_iphone_2x.png" width="68" class="as-imagegrid-img"
8.  
   height="68">
9.  
   </div>
10.  
    <span class="as-imagegrid-item-title">iPhone </span>
11.  
    </a>
12.  
    </div>
13.  
    <div class='as-imagegrid-item column large-2 medium-4 small-6'>
14.  
    <a>
15.  
    <div class='as-imagegrid-img-cont'>
16.  
    <img src="picture/homepage_productnav_imac_2x.png" width="68" class="as-imagegrid-img"
17.  
    height="68">
18.  
    </div>
19.  
    <span class="as-imagegrid-item-title">Mac </span>
20.  
    </a>
21.  
    </div>
22.  
    <div class='as-imagegrid-item column large-2 medium-4 small-6'>
23.  
    <a>
24.  
    <div class='as-imagegrid-img-cont'>
25.  
    <img src="picture/homepage_productnav_ipad_2x.png" width="68" class="as-imagegrid-img"
26.  
    height="68">
27.  
    </div>
28.  
    <span class="as-imagegrid-item-title">iPad </span>
29.  
    </a>
30.  
    </div>
31.  
    <div class='as-imagegrid-item column large-2 medium-4 small-6'>
32.  
    <a>
33.  
    <div class='as-imagegrid-img-cont'>
34.  
    <img src="picture/homepage_productnav_apple_watch_2x.png" width="68"
35.  
    class="as-imagegrid-img" height="68">
36.  
    </div>
37.  
    <span class="as-imagegrid-item-title">Watch </span>
38.  
    </a>
39.  
    </div>
40.  
    <div class='as-imagegrid-item column large-2 medium-4 small-6'>
41.  
    <a>
42.  
    <div class='as-imagegrid-img-cont'>
43.  
    <img src="picture/homepage-productdrawer-airpods-dark_2x.png" width="68"
44.  
    class="as-imagegrid-img" height="68">
45.  
    </div>
46.  
    <span class="as-imagegrid-item-title">AirPods </span>
47.  
    </a>
48.  
    </div>
49.  
    <div class='as-imagegrid-item column large-2 medium-4 small-6'>
50.  
    <a>
51.  
    <div class='as-imagegrid-img-cont'>
52.  
    <img src="picture/homepage_productdrawer_applemusic_2x.png" width="68"
53.  
    class="as-imagegrid-img" height="68">
54.  
    </div>
55.  
    <span class="as-imagegrid-item-title">Music </span>
56.  
    </a>
57.  
    </div>
58.  
    </div>
59.  
    </div>
60.  
    </div>

拷贝的效果图如下

工具下载地址

https://download.csdn.net/download/qq_27307951/86927454

这篇好文章是转载于：学新通技术网