在很多时候,进行网页制作的时候,我们经常会参考别人的网页特效进行设计,或者进行快速拷贝站点的时候,一个趁手的工具,就显得尤为重要了。
对比webcopy 工具,拷贝下来的站点文件不仅不干净,而且HTML里面的代码,很多都无关紧要,被混淆过的代码,这不是我们想要的代码,无疑会增加巨量的代码整理时间。
最近发现一款非常好用的网站拷贝工具,界面简单,使用简单,拷贝下来的代码干净。
不仅可以单页下载,还可以整站下载。
点击下一步,操作提示简单
配置文件保存地址路径,即可开始下载
单页下载下来的文件,简直不要太干净了。
可以查看HTML页面的代码
干净整洁,没有多余的代码。
随意截取一段代码,都是样式整洁的标准代码,不想webcopy 拷贝出来的代码,杂乱无章,而且很多是没有用的代码
<div class="as-imagegrid">
<div class=" as-imagegrid--6up "></div>
<div class="row">
<div class='as-imagegrid-item column large-2 medium-4 small-6'>
<a>
<div class='as-imagegrid-img-cont'>
<img src="picture/homepage_productnav_iphone_2x.png" width="68" class="as-imagegrid-img"
height="68">
</div>
<span class="as-imagegrid-item-title">iPhone </span>
</a>
</div>
<div class='as-imagegrid-item column large-2 medium-4 small-6'>
<a>
<div class='as-imagegrid-img-cont'>
<img src="picture/homepage_productnav_imac_2x.png" width="68" class="as-imagegrid-img"
height="68">
</div>
<span class="as-imagegrid-item-title">Mac </span>
</a>
</div>
<div class='as-imagegrid-item column large-2 medium-4 small-6'>
<a>
<div class='as-imagegrid-img-cont'>
<img src="picture/homepage_productnav_ipad_2x.png" width="68" class="as-imagegrid-img"
height="68">
</div>
<span class="as-imagegrid-item-title">iPad </span>
</a>
</div>
<div class='as-imagegrid-item column large-2 medium-4 small-6'>
<a>
<div class='as-imagegrid-img-cont'>
<img src="picture/homepage_productnav_apple_watch_2x.png" width="68"
class="as-imagegrid-img" height="68">
</div>
<span class="as-imagegrid-item-title">Watch </span>
</a>
</div>
<div class='as-imagegrid-item column large-2 medium-4 small-6'>
<a>
<div class='as-imagegrid-img-cont'>
<img src="picture/homepage-productdrawer-airpods-dark_2x.png" width="68"
class="as-imagegrid-img" height="68">
</div>
<span class="as-imagegrid-item-title">AirPods </span>
</a>
</div>
<div class='as-imagegrid-item column large-2 medium-4 small-6'>
<a>
<div class='as-imagegrid-img-cont'>
<img src="picture/homepage_productdrawer_applemusic_2x.png" width="68"
class="as-imagegrid-img" height="68">
</div>
<span class="as-imagegrid-item-title">Music </span>
</a>
</div>
</div>
</div>
</div>
拷贝的效果图如下
工具下载地址