A&F官网的衣服图片分成三个种类，通过在基础URL的后面添加查询字符串来区分图片种类
|
1 2 3 4 5 6 7 8 |
//第一种图片格式，带背景的小图片，大小226×226 http://anf.scene7.com/is/image/anf/anf_77827_01_prod1?$category-anf$ //第二种图片格式，带背景的大图片，大小1200×1200 http://anf.scene7.com/is/image/anf/anf_77827_01_prod1?$productMagnify-anf$ //第三种图片格式，透明背景的大图片，大小1000×1000 http://anf.scene7.com/is/image/anf/anf_77827_01_prod1 |
官网的图片是采用js延迟载入的，图片地址保存在data-src属性中
|
1 2 3 4 5 |
//原始的图片dom <img id="prod-img-2327571" class="prod-img pointer lazyload" data-s7-preset="category-anf" data-src="//anf.scene7.com/is/image/anf/anf_77827_01_prod1?$category-anf$" alt="Mens Vintage Graphic Tee"> //加载完毕后的图片dom <img id="prod-img-2327571" class="prod-img pointer imageLoadFix" data-s7-preset="category-anf" data-src="//anf.scene7.com/is/image/anf/anf_77827_01_prod1?$category-anf$" alt="Mens Vintage Graphic Tee" src="//anf.scene7.com/is/image/anf/anf_77827_01_prod1?$category-anf$" style="display: block;"> |
在每个单品的a中保存有商品的ID和分类ID。
|
1 |
<a href="/shop/us/mens-full-zip-hoodies-and-sweatshirts/upper-hudson-hoodie-2262574" data-productid="2262574" data-categoryid="87655">Upper Hudson Hoodie</a> |