【小书签】设计师专用，获取淘宝原图网址

大家的板块 稻米鼠的频道🐹
,
1

做淘宝装修的同学应该都有体会，淘宝的图片一般都是带尾巴的，这个尾巴可以影响到图片的尺寸和质量。这是为了在网页中不同的地方加载不同大小的图片，避免流量的浪费。非常科学的设计。

但是对于设计师来就头疼了，经常需要在网页上拿图，可是想要拿到原图，还要自己修改一下地址，不胜其烦。所以写了一个小书签代劳一下。

主要功能

  • 在淘宝网页中的 图片上右键——在新标签打开图片 ，在这个新打开的标签页里点击小书签，自动去除尾巴，跳转到原图网址，免除手动操作的麻烦。
  • 在 淘宝网页加载完成之后点击此小书签，等到弹出提示 （如果没有提示，请确认网页加载完毕，并再次点击），网页内所有带尾巴图片的链接地址都被换为了原图链接，直接图片上右键——在新标签打开图片即可
  • 当页面中 有新的内容被载入之后，请再次点击小书签

使用方法

在浏览器的书签栏新建一个书签，然后进行修改，把网址部分的内容替换为如下代码，保存即可。

懒得复制代码，可以到这里（稻米鼠的小书签合集）进行拖拽安装

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;
        });
    }
})();