做淘宝装修的同学应该都有体会,淘宝的图片一般都是带尾巴的,这个尾巴可以影响到图片的尺寸和质量。这是为了在网页中不同的地方加载不同大小的图片,避免流量的浪费。非常科学的设计。
但是对于设计师来就头疼了,经常需要在网页上拿图,可是想要拿到原图,还要自己修改一下地址,不胜其烦。所以写了一个小书签代劳一下。
主要功能
- 在淘宝网页中的 图片上右键——在新标签打开图片 ,在这个新打开的标签页里点击小书签,自动去除尾巴,跳转到原图网址,免除手动操作的麻烦。
- 在 淘宝网页加载完成之后点击此小书签,等到弹出提示 (如果没有提示,请确认网页加载完毕,并再次点击),网页内所有带尾巴图片的链接地址都被换为了原图链接,直接图片上右键——在新标签打开图片即可
- 当页面中 有新的内容被载入之后,请再次点击小书签
使用方法
在浏览器的书签栏新建一个书签,然后进行修改,把网址部分的内容替换为如下代码,保存即可。
懒得复制代码,可以到这里(稻米鼠的小书签合集)进行拖拽安装
javascript: (function () {
var url = window.location.href;
var host = window.location.host;
console.log(host);
var reg = new RegExp(/^[\w-]+\.alicdn\.com$/);
if(reg.test(host)){
window.location.href = url.replace(/\_\d+x\d+(Q\d{1,2})?\.jpg([\w\.\-]+)?$/i,"");
}else{
function loadJS(path){
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src=path;
oHead.appendChild( oScript);
}
loadJS("//upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.3.min.js");
var img_count = 0;
$(document).ready(function(){
$("img").each(function(){
var src = $(this).attr("src").replace(/\_\d+x\d+(Q\d{1,2})?\.jpg([\w\.\-]+)?$/i,"");
if(src != $(this).attr("src")){
img_count++;
}
$(this).attr("src",src);
});
alert("总共修改了 "+img_count+" 张图片");
img_count = 0;
});
}
})();