Easily download Instagram pictures and videos.
// ==UserScript==
// @name IG Helper: download Instagram pic & vids
// @name:zh-CN IG Helper: 下载 Instagram 图片和视频
// @version 1.8.9
// @namespace InstagramHelper
// @homepage https://github.com/mittya/instagram-helper
// @description Easily download Instagram pictures and videos.
// @description:zh-cn 轻松下载 Instagram 的图片和视频。
// @author mittya
// @require https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js
// @match https://www.instagram.com/*
// @match https://*.cdninstagram.com/*
// @grant GM_addStyle
// @grant GM_xmlhttpRequest
// @grant GM_download
// @license MIT License
// ==/UserScript==
(function() {
'use strict';
var GM_download_extra = function(src, title) {
var img = new Image();
img.crossOrigin = 'Anonymous';
img.onload = function() {
var canvas = document.createElement('CANVAS');
var ctx = canvas.getContext('2d');
var dataURL;
canvas.height = this.height;
canvas.width = this.width;
ctx.drawImage(this, 0, 0);
// Save image
canvas.toBlob(function(blob) {
saveAs(blob, title);
}, 'image/jpeg', 0.8);
canvas = null;
};
img.src = src;
if (img.complete || img.complete === undefined) {
img.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==';
img.src = src;
}
};
var GM_download_extra_video = function(src, title) {
window.open(src);
// 存储视频方法不稳定
/* fetch(src).then(function(res) {
res.blob().then(function(blob) {
var _link = document.createElement('a');
_link.download = title;
_link.style.display = 'none';
var _blob = new Blob([blob]);
_link.href = URL.createObjectURL(_blob);
document.body.appendChild(_link);
_link.click();
document.body.removeChild(_link);
});
}); */
};
var GM_addStyle_extra = function(css) {
var _head = document.getElementsByTagName('head')[0];
if (_head) {
var _style = document.createElement('style');
_style.setAttribute('type', 'text/css');
_style.textContent = css;
_head.appendChild(_style);
return _style;
}
return null;
};
var ig_helper_style = '.downloadBtn {' +
'position:absolute; width:46px; height:28px; opacity:0; right:25px; top:25px; z-index:1; text-align:center;' +
'font-size:14px; line-height:26px; padding:0 8px; font-weight:600; color:#fff; white-space:nowrap; outline:0;' +
'cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none;' +
'transition:opacity .2s ease-out; transition-delay:.1s; border-radius:3px; border:1px solid #db2d74;' +
'background-color:#db2d74; background-size:22px; background-position:center; background-repeat:no-repeat;' +
'background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij48dXNlIGlkPSJpY29uIC8gZG93bmxvYWQiIHhsaW5rOmhyZWY9IiNfSW1hZ2UxIiB4PSIxNC4wMDkiIHk9IjMzIiB3aWR0aD0iMjI3LjQ5MXB4IiBoZWlnaHQ9IjE5MC40OTdweCIvPjxkZWZzPjxpbWFnZSBpZD0iX0ltYWdlMSIgd2lkdGg9IjIyOHB4IiBoZWlnaHQ9IjE5MXB4IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQU9RQUFBQy9DQVlBQUFEdUhuQzVBQUFBQ1hCSVdYTUFBQTdFQUFBT3hBR1ZLdzRiQUFBSm8wbEVRVlI0bk8yZDJhN2pLaEFBbStqKy95LzdQaVRPT0Q3ZXNPa05xcVNSUnJPY3hOQkZOeGpqTWsyVFFEZzJPK1ZPWDVWU2R2K3Erb2VCT2dVaDNmbDJnRWRmTElSRjBBQWdwRDJ1QXA2eHlxaElhZ3hDMmpDSnhCVHdEREtvTFFpcFIxb0o5MEJPZlJDeVBWUHZiWXFZZWlCa0c3ckxobGRCenJZZzVETzZ6NFpYUWN3MklPUTloczJJWjN6RVJNcWJJR1E5Wk1VTElPWTlFUEk2aUhnRHhLd0RJYzlCeEljd3Y3d09RdTdEUExFeFpNdHpFSElic3FJaWlMblB5L3NMQkFRWmxmbTBMNDI4QVVMK1l4SmtOQU1wdDZGa2ZZT0lUckRnOHd0Q0ltTUltRmUrR2Ixa1JjWWdVTUsrR1ZsSVpBd0dVbzVic3FhUmNlTk1uSnF5THZUcEJIdU1YTDZPS0dSWUdZMk96MGdoNmFoU2ppWmtPQm1EckRLRzNKVTBvcFFqQ1JsR3hpQVM3aEZLenRHa0hFVklkeG1EUzdoRkdERkhrbklFSVYxbFRDamlGbEVHdE14dGVJbmVoWXdnWTA5QlJIc3EwN09RYnNFelFPRFF0a3IwS3FSTHdQUWVMQnZRem8zcGNhZU9lWkNVVXJvT2tnUEt3Y3Q4NEFZOUNtbktRc1JSSTdOOE1QdkFucmZZOVNha2FYWWNOQ3Z1Z1pRTjZHa09hU1lqSXA1aTJSZGQ5VU0zR1JJWlEySHBTVGNaUmFRZklVMDZCUm1yTUpHeXQ5SzFCeUZOeWlOa3ZBVlNWcEplU0dRTVQyL1RQRld5QzZsdUl6STJRVjNLWHJKa2FpRzFzeU15Tm9WTWVZSE1RcXJhaUl3cXFFclpRNWJNS3FUcVFnNHlxbUloWlZxeUNxa0dNcHFnWGI2bXRUS2prR3JaRVJuN0lIT1d6Q2lrSnNob0IxbHlnMnhDYW1kSHNFVk55cXhaTXBPUWxLcDlvdGJ1bjRDWmY2VWcrdE1lSmllZmNZUE1IY3Z0anlLQkI5OW9RcG9mUFVoMkRJUExTUS96YjAwLytJRC92TC9BQjg1bWdTTEdwZVVpNXFZb3NlQXRwUHQ1bnhDSFVvcmJZc3k4eThkYlRLK1MxVjFFNzRhSFhkeGpROFF2UHF3elpJakcvb0NNc0l0WHhyUVNNcEtJM0hPTWpmbGM4Z2hyTVMzdVE0YVNFZUlUY2NDMGVwSkVXOGh3TWpKM1RFSEkvckdRVXF0a0RTY2k1TUp6eGZVSTdSSldJME9HbFpIc21JclEvYVNWTFZzS09VbGdHU0VmRWVlU1N6U2tiQ1hrTkUxVHlCSmpSZXdlaG5TMGxyS0ZrQ215WXZUUkZqWkowV2t0cGN6MCtCVU1TSmFCdEpXVVQ0Vk1rUjAvNU9oWlNFc0xLWjhJbVViR0xLTXNiSktxODU1S2VWZklOREpDZnJJTnFFK2t2UE8wUjFnWkR6b3VWNC9DbXNPQUN4NlBWYkZYSzJRSUdWZmlJUnNzK2ZmVWNaeFl2UnlqTlVLNnloanh1QVZJZ2ZteE1HdHFwUFErTWVBVXRydkJROTRCOUk2akVCWGVFVmN6cE5jQlJJZ0lHb1NONXl0Q21uNTVTbE13SXVRSmg2ZENXdHBJVnF6aVQwQ3gySFVMNjRUelNFakxBMndKb0d0YzdoUGF0WW9Rc1g2ME1TREVGNFFmcXZxa2h4ZVlHbUp5Z1AxWm43aHVMa2ZHS200TmtFaFpoZnRiSlhhRk5IaWZoZ2d5WHVWUnRZS1VWYWhMZWRTWGUwS3FkaDR5MXRGaWNJeCsveTBZRnBseXMwTTJoZFRzUEdTc3BtVm5ZT1YxVktYY2MyeExTTFZPUTBaSWh2bGJudjhJeVV0UlkwR3A2WTdwVzU3WFF0TDdIWVBjSWZucGxCOGh5WTVEZ0pYMW1HVkpxL3VReUFqWk1ZbmhwWkFxSTZmM2pWYUFWaWpHOHRjOTFReEpxUXFkb1g1Lzhpc2tFMzRBSDVidXpVSTJ0NUhzQ0oyaWxTVW5FVTR1QndpRnBwQmtSK2dWdGRoK2liU2ZQN0t5Q3IzVE9zWm5CMS9DaldLQUtFeGFKU3NwRW5wSEpjWloxQUVJUkhNaG1UL0NLR2pFT2hrU0lCQXZkdWdBeEdDYUpqSWtRQ1EwaEdRU0NhUFFQTmJKa0FDQlFFaUFRQ0FrUUNBUUVpQVFDQWtRQ0lRRUNJU0drT3cwZ0ZGb0h1dGtTSUJBSUNSQUlCQVNJQkF2cmFNSUFIcEg0K2diclF5SmxkQTdLakZPeVFvUUNCVWhLVnVoZDdSaS9DVjZqMHRoSmZTS1ZteVhsd2puNEFCNE16dW9Ob2VrYklWZTBZeHQ3VVVkcklUZVVJM3BXVWlkMS9tOFJ4S2toRjZZRkxOakVWbGtTT2FSQUQ0czNWTy9EMG1XaEU3UXpJNWZsa0tTSWdGOCtMcjNreUcxeWxheUpDUkhMVHV1blRQYk9vZVVrQlNUVW5WbUxhUnEyWXFVa0F3TEdYK2MrNU1odFZkYjJUQUFXZENPMVMzWHRrcFdpOFVkcklUb1dNVG9IOWYrMi94WHBhaU9EblBwK2hraFdOMkZTSmpNR2ZjcTBiMUZuV0t4VVlBNUpRVERVc1pOd2R3ZlVFWktDSUxwYXVvZVIwS2FaRWtScEFSM3pHUThtNlp0emlFOVlGNEpEb1RJaWt2T1NsYXpMRG16eUpheFdncDZZaElIR2E4a216QVpjc25jVUtXVVNjaVcwSlp3V1hISkZTRkxLY1hsSWxabHJBaHl3ajNlZ2VRbzR0V3AyTlVNNlNhbHlFOURJaWRjeFYzQ21acDFrWnFTMVZYS21hV2NJcHMzV0JGMUxINEMwanMrMTlRdVV0Yk9JWXNFVzJ6WjZJRHZINnhrUmRUYy9CdUpnMGwzUWxYY1ZTL3FhRytyYThucWUzSkxKU2Z1VmRsZDd0eWh1TE5UeC94V1NDdW1hWnA3TjJjUGo4WDB3ZnQ3M09MdTRIOTM2MXhhS1VYWUdaU0F0Q0tLM0pkUjVObGUxaDZraEhnTUs2UEk4ODNscWFVVXNpUTBwTVVhUll1ZE9pRnVoOXhobXFZV3U0R09ManoxYUhXQTFqV25qQ09STmpLS3ROczZsMWJLQjF5NTN0NVdkcS9jYk8vdG1rOXBlYjB0bjRkTVdiN2VHRVNxTmlaM3RJQTBmVmFwci94RGtSc1BDR1FjMEZzUFBxMGZVRTRwWlFXWGczTDFuMFJ5UzFsZC9TemFLZk4xSDZKUkNXaWNHRkErS1B6b3ZDUU96dEdtSXFlVVV1Yk0wenpJTlkvdzZFM0t4NEdaVU1vUnIva1E3Zm14OXBrNjVUT2FLSCtNUHEyeVJHOEJlb1VlTXV3aWpsV0QyZUtRcXlLQnhmVDRUa21rOUhxaVBoUXJFZFcvb09XcGMxOHhFOUk4TW9OTHFTRmoxR3ZkeFZMRUdZOWpJRm4wK1JCVXl1RVhjVFFYYmM3d1BKZlZ2WXlOY0FNN21KVGVNcm9PMUZienhDTzhEMHFleTFqemp2QnUrQ1ZCcFBTV2NjWWxGaFlaMFRVbUlwMDZOM2VFK2xrb0VjdmxSdnRxSDN4OENCbS9hRDhJSC9Wc3BraEN6cnhUMTBKT2tYYUNSc3FNYTV5a3RKS3g1cHJtR0dqMjNiSWM1MUtpall3bjNEN1FxTUdJNkhMY2ZPc1BYUTFJN2krWHVVQjF4WlQ1NExPSUdmS0kzMkh1YjhOdjlWcWF6cGd4eXBUaHl0UWRsaFdUU0NkOXZFZTJET21OYVJCcnpLUG13STd5Y2huNHhYdVZOUnVtSzRCYTBqQUl4NFVNZVk4czVaNHJaTWQ2eUpEM1lLZlJDY2g0RDRTOEQxTHVnSXozUWNobklPVUtaSHdHUWo0SEtUOGc0M01Rc2czRFM0bU1iVURJZGd3ckpUSzJBeUhiTXB5VXlOZ1doR3pQTUZJaVkzc1FVb2Z1cFVSR0hSQlNqMjZsUkVZOUVGS1g3cVJFUmwwUVVwOXVwRVJHZlJEU2h2UlNJcU1OQ0dsSFdpbVIwUTZFdENXZGxNaG9DMExhazBaS1pMUUhJWDBJTHlVeStvQ1Fmb1NWRWhuOVFFaGZ3a21Kakw0Z3BEOWhwRVJHZnhBeUJ1NVNJbU1NRURJT2JsSWlZeHdRTWhaRHZ3VU1FRElpWmxJaVl6d1FNaWJxVWlKalRCQXlMbXBTSW1OY0VESTJ6YVZFeHRnZ1pIeWFTWW1NOFVISUhEeVdFaGx6Z0pCNXVDMGxNdVlCSVhOUkxTVXk1b0wzUStaa0V0bC84ZXBDV2tSTXh2OEJ3WXI4Qm1Mcm9RQUFBQUJKUlU1RXJrSmdnZz09Ii8+PC9kZWZzPjwvc3ZnPg==")' +
'}' +
'.downloadBtn.inStories {width:28px; top:10px; right:10px; border-radius:50%; font-size:12px; background-size:18px;}' +
'._4rbun:hover .downloadBtn,._6jl3c:hover .downloadBtn {opacity:1} ' +
'._si7dy {display:none !important}' +
'._2us5i:hover .downloadBtn {opacity:1}' +
'._tpnch {z-index:3 !important;}';
if (typeof GM_addStyle !== 'undefined') {
GM_addStyle(ig_helper_style);
} else {
// Greasemonkey 4.0 remove the GM_addStyle function.
GM_addStyle_extra(ig_helper_style);
}
Element.prototype.parents = function(selector) {
// Vanilla JS jQuery.parents() realisation
// https://gist.github.com/ziggi/2f15832b57398649ee9b
var elements = [];
var elem = this;
var ishaveselector = selector !== undefined;
while ((elem = elem.parentElement) !== null) {
if (elem.nodeType !== Node.ELEMENT_NODE) {
continue;
}
if (!ishaveselector || elem.matches(selector)) {
elements.push(elem);
}
}
return elements;
};
var observer = new MutationObserver(init);
var config = {
'childList': true,
'subtree': true
};
observer.observe(document.body, config);
/*
Main
*/
function init() {
if (window.location.pathname === '/') {
// Home page
var _box_home = document.querySelector('#react-root > section > main > section > div');
if (_box_home) {
findMedia(_box_home);
}
} else if (window.location.pathname.match('/p/')) {
// Detail page
var _box_detail = '';
if (document.querySelector('div[role="dialog"]')) {
_box_detail = document.querySelector('div[role="dialog"]').querySelector('article');
} else {
_box_detail = document.querySelector('#react-root > section > main article');
}
findMedia(_box_detail);
} else if (window.location.pathname.match('/stories/')) {
// Stories
// TODO: remove setTimeout
setTimeout(function() {
var _box_story = document.querySelector('#react-root > section div._ni05h');
if (_box_story) {
findMedia(_box_story, 'stories');
}
}, 50);
}
}
function findMedia(box, way) {
var _box = box, _way = way;
var _parent, _url, _username, _title;
_box.addEventListener('mouseover', function(event) {
event.stopPropagation();
// Picture
if (event.target.className === '_2di5p') {
_parent = event.target.parentNode;
_url = event.target.src;
_title = _url.match(/[a-zA-Z0-9_]+.jpg/g);
_username = '';
if (_parent.parents('article')[0].querySelector('._2g7d5')) {
// TODO: 此内容不应在缩略图页面出现，但不明原因出现了。暂时做判断，如果在缩略图页面时不下载图片。同时避免报错。
_username = _parent.parents('article')[0].querySelector('._2g7d5').title;
addBtn(_parent, _url, _username, _title);
}
}
// Video
if (event.target.className === '_7thjo') {
_parent = event.target.parentNode;
_url = _parent.querySelector('._l6uaz').src;
_title = _url.match(/[a-zA-Z0-9_]+.mp4/g);
_username = _parent.parents('article')[0].querySelector('._2g7d5').title;
addBtn(_parent, _url, _username, _title);
}
// Stories Video & Picture
// when autoplay videos disabled, user click the '._o95x1 > ._v88d1' cover to play the video.
if (_way === 'stories' && event.target.className === '_v88d1') {
var _current_target = document.querySelector('._o95x1').previousSibling;
_parent = _current_target.parentNode;
if (_parent.querySelector('video')) {
_url = _parent.querySelector('video > source').src;
_title = _url.match(/[a-zA-Z0-9_]+.mp4/g);
_username = _parent.parents('section')[0].querySelector('._2g7d5').title;
addBtn(_parent, _url, _username, _title);
return false;
}
if (_parent.querySelector('img')) {
_url = _parent.querySelector('img').src;
_title = _url.match(/[a-zA-Z0-9_]+.jpg/g);
_username = _parent.parents('section')[0].querySelector('._2g7d5').title;
addBtn(_parent, _url, _username, _title);
return false;
}
}
});
}
function addBtn(parent, url, username, title) {
if (!parent.querySelector('.downloadBtn')) {
var _parent = parent;
var _url = url.replace(/\?ig_cache_key=[a-zA-Z0-9%.]+/, '');
var _title = title[0];
var _filename = username + '_' + _url.substring(_url.lastIndexOf('/') + 1, _url.length);
var _btn = document.createElement('button');
var _ua = navigator.userAgent.toLowerCase();
var removeBtn = function() {
if (_parent.querySelector('.downloadBtn')) {
_parent.removeChild(_parent.querySelector('.downloadBtn'));
}
};
if (window.location.pathname.match('/stories/')) {
_btn.className = 'downloadBtn inStories';
} else {
_btn.className = 'downloadBtn';
}
// Download
_btn.addEventListener('click', function(event) {
event.stopPropagation();
if (typeof GM_download !== 'undefined') {
// Safari
if (_ua.match(/version\/([\d.]+)/)) {
window.open(_url);
} else {
var ua = navigator.userAgent.toLowerCase();
var chromeVersion = ua.match(/chrome\/\d./g)[0].replace('chrome/', '');
if (parseInt(chromeVersion) >= 65) {
// Chrome v65 更新后 GM_download 暂时无法使用，使用 GM_download_extra & GM_download_extra_video 代替
if (_title.indexOf('.mp4') >= 0) {
GM_download_extra_video(_url, _filename);
} else {
GM_download_extra(_url, _filename);
}
} else {
GM_download(_url, _filename);
}
}
} else {
// Firefox
if (_title.indexOf('.mp4') >= 0) {
GM_download_extra_video(_url, _filename);
} else {
GM_download_extra(_url, _filename);
}
}
}, false);
_parent.appendChild(_btn);
// More media on one box, ignore stories page
if (!window.location.pathname.match('/stories/')) {
var _left_btn = '.coreSpriteLeftChevron';
var _right_btn = '.coreSpriteRightChevron';
if (_parent.querySelector(_right_btn) || _parent.parents('article')[0].querySelector(_right_btn)) {
var _btn_right = _parent.querySelector(_right_btn) ? _parent.querySelector(_right_btn) : _parent.parents('article')[0].querySelector(_right_btn);
_btn_right.addEventListener('click', removeBtn, false);
}
if (_parent.querySelector(_left_btn) || _parent.parents('article')[0].querySelector(_left_btn)) {
var _btn_left = _parent.querySelector(_left_btn) ? _parent.querySelector(_left_btn) : _parent.parents('article')[0].querySelector(_left_btn);
_btn_left.addEventListener('click', removeBtn, false);
}
}
}
}
})();