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

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

对比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>

拷贝的效果图如下

工具下载地址

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

posted @ 2022-11-07 16:50  夜钓星云  阅读(202)  评论(0)    收藏  举报  来源