Tumblr Always HQ Media

Always load highest resolution version of images on any Tumblr page, not just direct URL
换行
// ==UserScript==
// @name        Tumblr Always HQ Media
// @description Always load highest resolution version of images on any Tumblr page, not just direct URL
// @version     1.4.0
// @require     https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
// @namespace   https://gf.qytechs.cn/en/scripts/32294-tumblr-always-hq-media
// @supportURL http://invertex.xyz
// @match	*://*.tumblr.com/*
// @grant       none
// ==/UserScript==
//oldinclude     /^https?://\d+\.media\.tumblr\.com/(.+/)*tumblr_.+_\d+\.(jpe?g|gif|png|bmp)(\?.*)?$/

var sizes = ['_raw.', '_1280.', '_540.', '_500.', '_400.', '_250.', '_100.' ];
var postCount = 0;
var thisJQ = $;

function checkIfJustImgURL(index) {
    if (index >= sizes.length) return;
    var url = window.location.href;
    if(!url.includes("media.")) { return; }
   // url = url.replace(/(.*(?=_))(_\d*.)(.*)/, '$1' + sizes[index] + '$3');
     for (var s = 1; s < sizes.length; s++)
    {
        url = url.replace(sizes[s], sizes[index]); //Replace any size with the max size.
    }
    if(index === 0)
    {
        url = "http://" + url.substring(url.indexOf(".") + 1).replace("media.", "data."); //remove sub-domain number if trying to access RAW image
    }
    if (url == window.location.href) {return;}
    thisJQ.ajax({
        url: url,
        type: 'HEAD',
        complete: function(data, textStatus, jqXHR) {
            window.location.replace(url);
        },
        error: function(jqXHR, textStatus, errorThrown) {
           // console.log(url + " failed to laod");
            checkIfJustImgURL(index + 1);
        }
    });
}
checkIfJustImgURL(0);

function decreaseURL(imgURL)
{
    var newURL = imgURL;

    if(imgURL.includes(".gif"))
    {
         for (var s = 1; s < sizes.length; s++)
         {
             newURL = newURL.replace(sizes[s], "_500."); //Replace any size with the max size.
         }

    }
    else
    {
        for (var s = 1; s < sizes.length; s++)
         {
             newURL = newURL.replace(sizes[s], "_1280."); //Replace any size with the max size.
         }
    }
    return newURL;
}

function processImages(element)
{
    var imgs = element.getElementsByTagName("img");
    
    for (var i = 0; i < imgs.length; i++)
    {
        if(!imgs[i].src.includes("inline")/* && !imgs[i].src.includes(".gif")*/)
        {
            var preSrc = imgs[i].src;
            
            for (var s = 1; s < sizes.length; s++)
            {
                imgs[i].src = imgs[i].src.replace(sizes[s], "_raw."); //Replace any size with the max size.
            }
        
            if(preSrc != imgs[i].src && imgs[i].src.includes(".media."))
            {
                imgs[i].src = "http://" + imgs[i].src.substring(imgs[i].src.indexOf(".") + 1).replace("media.", "data.");

                //Set the link wrapped around our image to point to the same image so as to not confuse people when they hover over it. Or if they do a save link as.
                thisJQ(imgs[i]).attr('data-highres', imgs[i].src);
                var p1 =  thisJQ(imgs[i]).parent();
                var attr = thisJQ(p1).attr('href');

                if(attr == null)
                {
                    p1 = thisJQ(p1).parent();
                }
                p1.attr('href', imgs[i].src);
                imgs[i].setAttribute('oldURL', preSrc);
               /* if(!imgs[i].complete)
                {
                    console.log(imgs[i].src + " failed to load");
                    imgs[i].src = preSrc;
                    thisJQ(imgs[i]).attr('data-highres', preSrc);
                }*/
                imgs[i].onerror = function ()
                {
                    var lowerURL = decreaseURL(this.getAttribute('oldURL'));
                    this.src = lowerURL;
                    thisJQ(imgs[i]).attr('data-highres', lowerURL);
                    thisJQ(this).parent().attr('href', lowerURL);
                };

            }
        }
    }
}

function processVideos()
{
    setTimeout(function()
    {


    var playBars = document.getElementsByClassName("vjs-control-bar");
    var vids = document.getElementsByTagName("video");
    var playButtons = document.getElementsByClassName("vjs-big-play-button");
    var bg = document.getElementsByClassName("vjs-poster");
    
        for(var z = 0; z < playBars.length; z++)
        {
            playBars[z].innerHTML += "<a href='http://google.com' class='vjs-menu-button vjs-control'>©</a>";
        }
        
    for(var b = 0; b < bg.length; b++)
    {
        bg[b].outerHTML = "";
    }
        for(var c = 0; c < playButtons.length; c++)
    {
        playButtons[c].setAttribute("style", "margin-top: 200px;");
    }
    for (var i = 0; i < vids.length; i++)
    {
        var source = vids[i].getElementsByTagName("source")[0];
        if(source.src.slice(-4) === "/480")
        {
            source.src = source.src.slice(0, -4);
        }
        vids[i].load();
       // playButtons[i].setAttribute("style", "margin-top: 100px;");
        
        //thisJQ(bg[i]).wrap('<a href="http://google.ca"></a>');
        
       // processVideoUI(vids[i]);
    }
            }, 1000);
}

function processVideoUI(videoElem)
{
    var parent = videoElem.parentElement;
    
    parent.getElementsByClassName("vjs-big-play-button")[0].setAttribute("style", "margin-top: 100px;");
    var bg = parent.getElementsByClassName("vjs-poster")[0];
    var wrapper = document.createElement("a");
    parent.appendChild(wrapper);
    wrapper.appendChild(bg);
    
    
}

function updatePageLinks(waitTime)
{
    
    setTimeout(function()
    {
        var lightBox = document.getElementsByClassName("tmblr-lightbox");

        processVideos();

        if(lightBox.length > 0)
        {
            console.log("lightbox active");
            processImages(lightBox[0]);
            thisJQ(lightBox[0]).on('click', function(){processImages(lightBox[0]);}); //Watch for lightbox click to update URLs again since they will be refreshed by tumblr back to lower res
        }
            processImages(document.body);

            var photosets = document.body.getElementsByTagName("iframe");
            for(var i = 0; i < photosets.length; i++)
            {
                processImages(photosets[i].contentWindow.document);
            }

        console.log("end change");
    }, waitTime);
}

function doSetup(){
       updatePageLinks(0);

    setTimeout(function() //Experimenting with dashboard scroll updating, but ran into cross-domain issues. Don't really need to resize dashboard previews anyways, still resizes when you click on them to expand or new page.
    {
       // window.jQ = thisJQ;
        var newPosts = document.getElementsByClassName('posts');
        if(newPosts.length > 0)
        {
            newPosts = document.getElementsByClassName('grid');
        }


        if(newPosts.length > 0)
        {
            $(newPosts[0]).bind('DOMSubtreeModified', function()
            {
                var childCnt = 0;
                childCnt = newPosts[0].children.length;
               // if(childCnt > postCount)
               // {
                    postCount = childCnt;
                    //processVideos();
                   // processImages();
                console.log("children changed");
                   updatePageLinks(0);
              //  }

            });
        }
        var observer = new MutationObserver(function(mutations){
    mutations.forEach(function(mutation){
        console.log("start change");
        updatePageLinks(500);
    });
});
observer.observe(document.body, {attributes: true, attributeFilter: ['style', 'class']});
    var grid = document.getElementsByClassName('grid');
    if(grid != null && grid.length > 0){
        observer.observe(grid[0], {attributes: true, attributeFilter: ['style', 'class']});
         console.log("grid watch");
    }
    var posts = document.getElementsByClassName('posts');
    if(posts != null && posts.length > 0){
        observer.observe(posts[0], {attributes: true, childList: true});
         console.log("post watch");
    } 
   var posts2 = document.getElementById('posts');
        if(posts2 != null){
           observer.observe(posts2, {attributes: true, childList: true});
         console.log("post watch"); 
        }
        
        
    }, 2000);

     
}

thisJQ(document).ready(function(){
     doSetup();

});

function checkLightbox(){
    setTimeout(function(){
     var lightBox = document.getElementById("tumblr_lightbox");

console.log("lightbox check");
        if(lightBox != null)
        {
            console.log("lightbox active");
            processImages(lightBox);
            //lightBox.onclick = checkLightbox;
           thisJQ(lightBox).on('click', function(){processImages(lightBox);}); //Watch for lightbox click to update URLs again since they will be refreshed by tumblr back to lower res
        }
       //  updatePageLinks(0);
    }, 200);
}
document.onclick = checkLightbox;

$.noConflict();
欢迎访问Greasy Fork镜像
