Instagram Reloaded

View or download the full-size Instagram image/video. Super simple: press alt+f or shift & click to view media - alt & click saves file. Read for more options.

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         Instagram Reloaded
// @namespace    http://despecial.de
// @homepageURL  https://greasyfork.org/en/scripts/14755-instagram-reloaded
// @version      2.30
// @description  View or download the full-size Instagram image/video. Super simple: press alt+f or shift & click to view media - alt & click saves file. Read for more options.
// @author       despecial
// @match        *://*.instagram.com/*
// @icon         https://www.google.com/s2/favicons?domain=instagram.com
// @require      https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js
// @grant        GM_download
// @grant        GM_xmlhttpRequest
// ==/UserScript==

var ig = '#react-root section main article header ~ div._97aPb > div[role="button"] .FFVAD'; // single photo
    ig+= ', #react-root section main article .tWeCl'; // single video
    ig+= ', div[role="dialog"] article ._97aPb > div[role="button"] .FFVAD'; // popup photo
    ig+= ', div[role="dialog"] article .tWeCl'; // popup video
    ig+= ', #react-root section main article .vi798'; // new carousel photo
    ig+= ', div[role="dialog"] .vi798'; // new popup carousel photo
    // ig+= ', #react-root section main article video'; // igtv video
    // ig+= ', div[role="dialog"] article header + div > div div div div video'; // popup igtv video
    ig+= ',.EmbedFrame.EmbedMedia';
var alt_trigger = ig;
alt_trigger += ', #react-root section main article[role="presentation"] div[aria-label="Control"]'; // click fix for videos
alt_trigger += ', div[role="dialog"] article[role="presentation"] div[aria-label="Control"]'; // click fix for popup video


(function($){

function despecial_ig(e,$this,a) {
  if(!e) e = window.event;
  if(e.shiftKey && e.altKey || a == "rm") {
	var p,v,vf,bloburl;
    e.preventDefault();

    // carousel photos
    if ($('.vi798 .Ckrof img.FFVAD').length) {
      var curr = getCurrentItem();
      var carouselImages = $('.Ckrof img.FFVAD');
      var currpos = (curr == $(".Yi5aA").length) ? 2 : 1;
      p = (curr + 1 <= 2) ? getBestImage(carouselImages[curr]) : getBestImage(carouselImages[currpos]);
    }
    // get single photo
    else {
        if($this.is('img')){
            p = getBestImage($this);
        }
    }

    var parent = $this.parent();
    if($('div[role="dialog"] article header + div').length && a == "rm") {
        if (parent.find('video + img').length) return; // only visible video
	    v = parent.find('video').attr('videourl');
 if(!v) v = parent.find('video').attr('src');
 if(!v)vf = parent.find('video');
 if(!p) p = parent.find('img').last().attr('src');
   	} else {
        if (parent.find('video + img').length) return; // only visible video
	    v = parent.find('video').attr('videourl');
 if(!v) v = parent.find('video').attr('src');
 if(!v) v = $("meta[property='og:video']").attr("content");
 if(!v)vf = $this.closest('div').find('video');
 if(!v && !vf.attr("poster") && !p) p = $this.siblings().find('img').attr('src');
       }
	var ep = $this.find('.efImage').css('background-image'),
	 rplcd = new Array('XXXXXX'),
	     t = (e.altKey) ? '_self' : '_blank',
	    fs = (typeof ep === "string" || ep instanceof String) ? ep.replace(/^url\(['"]?([^'"]+)['"]?\)/,'$1') : p;
	for (var i = 0; i < rplcd.length; ++i) {
	  var r = new RegExp(rplcd[i],'ig');
	  if( r.test(fs) ) fs=fs.replace(r,'');
	}
	var isChrome = !!window.chrome && !!window.chrome.webstore;
   if(isChrome && e.altKey) {
	  if(fs) direct_download(fs);
	  if(vf) video_download(vf);
      console.log("Chrome");
   } else {
     if(v) {
       if(!v.startsWith('blob')) {
         window.open(v, t);
         window.setTimeout(stopVideo, 100);
         console.log("Video opening");
       } else {
         bloburl = fetchVideoURL(window.location.href, $this.parent().find('video')[0],t);
         console.log("Blob video loading");
       }
     }
     if(!v && vf.isArray) {
         if(!vf[0].getAttribute('src').startsWith('blob')) {
           video_download(vf);
           console.log("Video2 opening");
         } else {
           bloburl = fetchVideoURL(window.location.href, $this.parent().find('video')[0],t);
           console.log("Blob2 video loading");
         }
     }
     if(fs && !v && !bloburl) { window.open(fs, t); console.log("FS"); }

   }
  }
}

/* dynamic download link */
function direct_download(url) {
    var filename = url.match('[^/]*$')[0];
    var arg = { url: url, name: filename };
    GM_download(arg);
}

var csrf_token = $("body").html().match(/\"csrf_token\":(?:"[^"]*"|^[^"]*$)/)[0].replace(/\"/g, "").split(":")[1];

function video_download(obj) {
    $.ajax({
        url: window.location,
        type: 'GET',
        success: function(res) {
            var video = $(res).filter("meta[property='og:video']").attr("content");
            if(video) {
             $('video').each(function() { $(this).get(0).pause(); $(this).get(0).currentTime = 0; });
             window.open(video,"_blank");
            }
        },
        error: function(res) {
            console.log(res);
        }
    });
}

function getBestImage(el) {
    el = (el.jquery) ? el : $(el);
    var img;
    var srcset = el.attr('srcset').split('w,');
    if(srcset) {
        img = srcset.slice(-1)[0].split(' ')[0];
        // console.log("SrcSet P",img);
    } else {
        img = el.attr("src");
        // console.log("Normal P",img);
    }
   return img;
}

function cleanFilename(file) {
   return file.replace("jpg","mp4").split("?")[0].split('/').pop();
}

function stopVideo() {
    $('video').each(function() { $(this).get(0).pause(); $(this).get(0).currentTime = 0; });
}

/* credits: @jomifepe */
function getCurrentItem(el) {
    var allitems = document.querySelectorAll(".Yi5aA");
    for (let i = 0; i < allitems.length; i++) {
        if (allitems[i].classList.contains('XCodT')) {
            return i;
        }
    }
    return -1;
}

function fetchVideoURL(baseUrl,videoElem,t) {
    GM_xmlhttpRequest({
        method: "GET",
        url: baseUrl.split("?")[0]+"?__a=1",
        synchronous: false,
        onload: function(response) {
            var result = JSON.parse(response.responseText);
            let postData = result?.graphql?.shortcode_media;
            var current = getCurrentItem();
            if(current>=0) postData = postData?.edge_sidecar_to_children?.edges?.[current]?.node;
            if (!postData) throw 'No post data found';
            if (!postData.is_video) throw 'Post is not a video';
            if (!postData.video_url) throw 'No video url found';
            let videoUrl = postData.video_url;
            videoElem.setAttribute('videoURL', videoUrl)
            window.open(videoUrl,t);
            return true;
        }
    });
}

/* left-click and hold shift key to open desired item */
$(document).on('click',alt_trigger,function(e,a) {
    e = window.event? event : e;
	if (e.shiftKey) despecial_ig(e,$(this),"rm");
});

/* keyboard shortcut alt+f(ullsize) works on video popup, single photo, single video pages */
$(document).on('ig_press',ig,function(e,a) {
    despecial_ig(e,$(this),a);
});

document.addEventListener('keydown', function(e) {
    e = window.event? event : e;
    if (e.keyCode == 70 && e.altKey) $(ig).trigger('ig_press',['rm']);
});

})(jQuery);