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.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name         Instagram Reloaded
// @namespace    http://despecial.de
// @homepageURL  https://greatest.deepsurf.us/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);