// ==UserScript== // @name IG Helper // @name:zh-TW IG小精靈 // @name:zh-CN IG小助手 // @name:ja IG助手 // @name:ko IG조수 // @namespace https://github.snkms.com/ // @version 2.5.0 // @description Downloading Instagram posts photos and videos or their stories! // @description:zh-TW 一鍵下載對方 Instagram 貼文中的相片、影片甚至是他們的限時動態！ // @description:zh-CN 一键下载对方 Instagram 帖子中的相片、视频甚至是他们的快拍！ // @description:ja 写真、ビデオ、そしてお互いの Instagram 投稿からのストーリーずズのワンクリックダウンロード！ // @description:ko Instagram 게시물에서 사진, 비디오 또는 이야기를 다운로드하십시오. // @author SN-Koarashi (5026) // @match https://*.instagram.com/* // @grant GM_setValue // @grant GM_getValue // @grant GM_xmlhttpRequest // @require https://code.jquery.com/jquery-3.6.0.min.js // @supportURL https://www.facebook.com/smileopwe/ // @icon https://www.google.com/s2/favicons?domain=www.instagram.com // @compatible firefox >= 87 // @compatible chrome >= 90 // @compatible edge >= 90 // @license GPLv3 // @downloadURL none // ==/UserScript== (function(jQuery) { 'use strict'; // Icon download by https://www.flaticon.com/authors/pixel-perfect const $ = jQuery; const checkInterval = 250; const lang = navigator.language || navigator.userLanguage; var currentURL = location.href; var currentHeight = $(document).height(); var firstStarted = false; var pageLoaded = false; var GL_postPath; var GL_username; var GL_repeat // Main Timer var timer = setInterval(function(){ currentHeight = $(document).height(); // Call Instagram dialog function if url changed. if(currentURL != location.href || !firstStarted || !pageLoaded){ clearInterval(GL_repeat); pageLoaded = false; firstStarted = true; currentURL = location.href; if(location.href.startsWith("https://www.instagram.com/p/")){ console.log('isDialog'); setTimeout(()=>{ onReadyMyDW(false); },150); pageLoaded = true; } if(location.href == "https://www.instagram.com/"){ console.log('isHomepage'); setTimeout(()=>{ onReadyMyDW(false); },150); pageLoaded = true; } if(!$('body > div div.x9f619 div._adqx[data-visualcompletion="loading-state"]').length && $('canvas._aarh').length && location.href.match(/^(https:\/\/www\.instagram\.com\/)([0-9A-Za-z\.\-_]+)\/?$/ig) && !location.href.match(/^(https:\/\/www\.instagram\.com\/(stories|explore)\/?)/ig)){ console.log('isProfile'); setTimeout(()=>{ onProfileDW(false); },150); pageLoaded = true; } if(!pageLoaded){ // Call Instagram stories function if(location.href.match(/^(https:\/\/www\.instagram\.com\/stories\/highlights\/)/ig)){ console.log('isHighlightsStory'); onHighlightsStoryDW(false); GL_repeat = setInterval(()=>{ onHighlightsStoryThumbnailDW(false); },checkInterval); if($(".IG_DWHISTORY").length) setTimeout(()=>{pageLoaded = true;},150); } else if(location.href.match(/^(https:\/\/www\.instagram\.com\/stories\/)/ig)){ console.log('isStory'); onStoryDW(false); onStoryThumbnailDW(false); if($(".IG_DWSTORY").length) setTimeout(()=>{pageLoaded = true;},150); } else{ pageLoaded = false; // Remove the download icon $('.IG_DWSTORY').remove(); $('.IG_DWSTORY_THUMBNAIL').remove(); } } } // Direct Download Checkbox if(!$('.AutoDownload_dom').length){ let ckValue = (GM_getValue('AutoDownload'))?'checked':''; $('body div.mfclru0v.astyfpdk.om3e55n1.jez8cy9q').css('position','relative'); $('body div.mfclru0v.astyfpdk.om3e55n1.jez8cy9q').append(`
`); } },checkInterval); // Call general function when user scroll the page $(document).scroll(function(){ if(currentHeight != $(this).height() && location.href == "https://www.instagram.com/"){ onReadyMyDW(); } }); // Profile funcion async function onProfileDW(isDownload){ if(isDownload){ let date = new Date().getTime(); let timestamp = Math.floor(date / 1000); let username = location.href.replace(/\/$/ig,'').split('/').at(-1); let userInfo = await getUserId(username); saveFiles(userInfo.user.profile_pic_url,username,"avatar",timestamp,'jpg'); } else{ // Add the stories download button let style = "position: absolute;right:0px;top:0px;padding:5px;line-height:1;background:#fff;border-radius: 50%;cursor:pointer;border: 1px solid #ccc"; if(!$('.IG_DWPROFILE').length){ $('body > div main canvas._aarh').parent().append(`
`); return true; } } } // Highlight Stories funcion async function onHighlightsStoryDW(isDownload){ if(isDownload){ let date = new Date().getTime(); let timestamp = Math.floor(date / 1000); let highlightId = location.href.replace(/\/$/ig,'').split('/').at(-1); let highStories = await getHighlightsStories(highlightId); let username = highStories.data.reels_media[0].owner.username; let nowIndex = $("body > div section._ac0a header._ac0k > ._ac3r ._ac3n ._ac3p[style]").length; let totIndex = highStories.data.reels_media[0].items.length; let target = highStories.data.reels_media[0].items[totIndex-nowIndex]; if(target.is_video){ saveFiles(target.video_resources.at(-1).src,username,"highlights",timestamp,'mp4'); } else{ saveFiles(target.display_resources.at(-1).src,username,"highlights",timestamp,'jpg'); } } else{ // Add the stories download button let style = "position: absolute;right:-40px;top:15px;padding:5px;line-height:1;background:#fff;border-radius: 5px;cursor:pointer;"; if(!$('.IG_DWHISTORY').length){ $('body > div section._ac0a').append(`
`); return true; } } } // Highlight Stories Thumbnail funcion async function onHighlightsStoryThumbnailDW(isDownload){ if(isDownload){ let date = new Date().getTime(); let timestamp = Math.floor(date / 1000); let highlightId = location.href.replace(/\/$/ig,'').split('/').at(-1); let highStories = await getHighlightsStories(highlightId); let username = highStories.data.reels_media[0].owner.username; let nowIndex = $("body > div section._ac0a header._ac0k > ._ac3r ._ac3n ._ac3p[style]").length; let totIndex = highStories.data.reels_media[0].items.length; let target = highStories.data.reels_media[0].items[totIndex-nowIndex]; saveFiles(target.display_resources.at(-1).src,username,"highlights",timestamp,'jpg'); } else{ if($('body > div section._ac0a video.xh8yej3').length){ // Add the stories download button let style = "position: absolute;right:-40px;top:45px;padding:5px;line-height:1;background:#fff;border-radius: 5px;cursor:pointer;"; if(!$('.IG_DWHISTORY_THUMBNAIL').length){ $('body > div section._ac0a').append(`
`); } } else{ $('.IG_DWHISTORY_THUMBNAIL').remove(); } } } // Stories funcion async function onStoryDW(isDownload){ if(isDownload){ let date = new Date().getTime(); let timestamp = Math.floor(date / 1000); let username = $("body > div section._ac0a header._ac0k ._ac0l div ._ac0q > a").text(); if($('body > div section._ac0a video.xh8yej3').length){ // Download stories if it is video let type = "mp4"; let userInfo = await getUserId(username); let userId = userInfo.user.pk; let stories = await getStories(userId); let targetURL = location.href.replace(/\/$/ig,'').split("/").at(-1); let videoURL = ""; stories.data.reels_media[0].items.forEach(item => { if(item.id == targetURL){ videoURL = item.video_resources[0].src; } }); if(videoURL.length == 0){ alert(_i18n("NO_VID_URL")); } else{ saveFiles(videoURL,username,"stories",timestamp,type); } } else{ // Download stories if it is image let srcset = $('section._ac0a ._aa64 img._aa63').attr('srcset').split(',')[0].split(' ')[0]; let link = (srcset)?srcset:$('section._ac0a ._aa64 img._aa63').attr('src'); let downloadLink = link; let type = 'jpg'; saveFiles(downloadLink,username,"stories",timestamp,type); } } else{ // Add the stories download button let style = "position: absolute;right:-40px;top:15px;padding:5px;line-height:1;background:#fff;border-radius: 5px;cursor:pointer;"; if(!$('.IG_DWSTORY').length){ $('body > div section._ac0a').append(`
`); return true; } } } // Stories Thumbnail funcion async function onStoryThumbnailDW(isDownload){ if(isDownload){ // Download stories if it is video let date = new Date().getTime(); let timestamp = Math.floor(date / 1000); let type = 'jpg'; let username = $("body > div section._ac0a header._ac0k ._ac0l div ._ac0q > a").text(); let style = 'margin:5px 0px;padding:5px 0px;color:#111;font-size:1rem;line-height:1rem;text-align:center;border:1px solid #000;border-radius: 5px;'; // Download thumbnail let userInfo = await getUserId(username); let userId = userInfo.user.pk; let stories = await getStories(userId); let targetURL = location.href.replace(/\/$/ig,'').split("/").at(-1); let videoThumbnailURL = ""; stories.data.reels_media[0].items.forEach(item => { if(item.id == targetURL){ videoThumbnailURL = item.display_url; console.log(item.display_url); } }); saveFiles(videoThumbnailURL,username,"thumbnail",timestamp,type); } else{ if($('body > div section._ac0a video.xh8yej3').length){ // Add the stories download button let style = "position: absolute;right:-40px;top:45px;padding:5px;line-height:1;background:#fff;border-radius: 5px;cursor:pointer;"; if(!$('.IG_DWSTORY_THUMBNAIL').length){ $('body > div section._ac0a').append(`
`); } } else{ $('.IG_DWSTORY_THUMBNAIL').remove(); } } } // Prepare promise to fetch user stories function getHighlightsStories(highlightId){ return new Promise((resolve,reject)=>{ let getURL = `https://www.instagram.com/graphql/query/?query_hash=45246d3fe16ccc6577e0bd297a5db1ab&variables=%7B%22highlight_reel_ids%22:%5B%22${highlightId}%22%5D,%22precomposed_overlay%22:false%7D`; GM_xmlhttpRequest({ method: "GET", url: getURL, onload: function(response) { let obj = JSON.parse(response.response); resolve(obj); }, onerror: function(err){ reject(err); } }); }); } // Prepare promise to fetch user stories function getStories(userId){ return new Promise((resolve,reject)=>{ let getURL = `https://www.instagram.com/graphql/query/?query_hash=15463e8449a83d3d60b06be7e90627c7&variables=%7B%22reel_ids%22:%5B%22${userId}%22%5D,%22precomposed_overlay%22:false%7D`; GM_xmlhttpRequest({ method: "GET", url: getURL, onload: function(response) { let obj = JSON.parse(response.response); resolve(obj); }, onerror: function(err){ reject(err); } }); }); } // Prepare promise to fetch user id by username function getUserId(username){ return new Promise((resolve,reject)=>{ let getURL = `https://www.instagram.com/web/search/topsearch/?query=${username}`; GM_xmlhttpRequest({ method: "GET", url: getURL, onload: function(response) { let obj = JSON.parse(response.response); resolve(obj.users[0]); }, onerror: function(err){ reject(err); } }); }); } // Prepare promise to cache article which contains blob media function getBlobMedia(postPath){ return new Promise((resolve,reject)=>{ if(!postPath) reject("NOPATH"); let postShortCode = postPath.substring(3, postPath.length - 1); let getURL = `https://www.instagram.com/graphql/query/?query_hash=2c4c2e343a8f64c625ba02b2aa12c7f8&variables=%7B%22shortcode%22:%22${postShortCode}%22}`; GM_xmlhttpRequest({ method: "GET", url: getURL, onload: function(response) { let obj = JSON.parse(response.response); resolve(obj.data); }, onerror: function(err){ reject(err); } }); }); } // Main function function onReadyMyDW(NoDialog){ // Whether is Instagram dialog? if(!NoDialog){ // Running if it is dialog $('article[role="presentation"]').each(function(){ $(this).removeAttr('data-snig'); $(this).unbind('click'); }); $('.SNKMS_IG_DW_MAIN,.SNKMS_IG_DW_MAIN_VIDEO').remove(); } if(NoDialog == false){ var repeat = setInterval(() => { if($('article[data-snig="canDownload"]').length > 0) clearInterval(repeat); createArtBtn(); },250); } else{ createArtBtn(); } } function createArtBtn(){ // Add download icon per each posts $('article[role="presentation"]').each(function(){ // If it is have not download icon if(!$(this).attr('data-snig')){ console.log("Found article"); var style = "position: absolute;right:15px;top:15px;padding:6px;line-height:1;background:#fff;border-radius: 50%;cursor:pointer;"; // Add the download icon let $childElement = $(this).children("div").children("div"); $childElement.eq($childElement.length - 2).append(`
`); // Running if user click the download icon $(this).on('click','.SNKMS_IG_DW_MAIN', async function(e){ GL_username = $(this).parent().parent().parent().attr('data-username'); GL_postPath = $(this).parent().parent().children("div:last-child").children("div").find("div > section").last().prev().find("a").attr("href"); // Create element that download dailog IG_createDM(GM_getValue('AutoDownload')); $("#article-id").text(GL_postPath); var style = 'display:block;margin:5px 0px;padding:5px 0px;color:#111;font-size:1rem;line-height:1rem;text-align:center;border:1px solid #000;border-radius: 5px;'; // Find video/image element and add the download icon var s = 0; var multiple = $(this).parent().parent().find('._aap0 ._acaz').length; var pathname = window.location.pathname; var fullpathname = "/"+pathname.split('/')[1]+"/"+pathname.split('/')[2]+"/"; // If posts have more than one images or videos. if(multiple){ var blob = false; $(this).parent().find('._aap0 ._acaz').each(function(){ let element_videos = $(this).parent().parent().find('video._ab1d'); if(element_videos && element_videos.attr('src') && element_videos.attr('src').match(/^blob:/ig)){ blob = true; } }); if(blob){ createMediaCacheDOM(GL_postPath,".IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY",style,_i18n("LOAD_BLOB_MULTIPLE")); } else{ let blob = false; $(this).parent().find('._aap0 ._acaz').each(function(){ s++; let element_videos = $(this).find('video._ab1d'); let element_images = $(this).find('._aagv img'); let imgLink = (element_images.attr('srcset'))?element_images.attr('srcset').split(" ")[0]:element_images.attr('src'); if(element_videos && element_videos.attr('src')){ let video_image = element_videos.attr('poster'); let video_url = element_videos.attr('src'); $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY').append(`
- ${_i18n("VID")} ${s} -`); if(video_url.match(/^blob:/ig)) blob = true; } if(element_images && imgLink){ $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY').append(`
- ${_i18n("IMG")} ${s} -`); } }); if(blob){ createMediaCacheDOM(GL_postPath,".IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY",style,_i18n("LOAD_BLOB_RELOAD")); } } } else{ s++; let element_videos = $(this).parent().parent().find('video._ab1d'); let element_images = $(this).parent().parent().find('._aagv img'); let imgLink = (element_images.attr('srcset'))?element_images.attr('srcset').split(" ")[0]:element_images.attr('src'); if(element_videos && element_videos.attr('src')){ let video_image = element_videos.attr('poster'); let video_url = element_videos.attr('src'); if(element_videos.attr('src').match(/^blob:/ig)){ createMediaCacheDOM(GL_postPath,".IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY",style,_i18n("LOAD_BLOB_ONE")); } else{ $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY').append(`
- ${_i18n("VID")} ${s} -`); } } if(element_images && imgLink){ $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_BODY').append(`
- ${_i18n("IMG")} ${s} -`); } } if(GM_getValue('AutoDownload')){ var autoTimer = setInterval(()=>{ if($('a[data-type]').length > 0){ var GB_Index = 1; if(!$('a[data-blob="true"]').length){ let selectionArr = [...$(this).parent().find('._aamk').children('._acnb')]; let LeftButton = $(this).parent().parent().find('button._aahh').length; let RightButton = $(this).parent().parent().find('button._aahi').length; if(LeftButton && !RightButton){ // Left Only GB_Index = 2; console.log('Left Only'); } else if(!LeftButton && RightButton){ // Right Only GB_Index = 1; console.log('Right Only'); } else if(!LeftButton && !RightButton){ // Both Not Exist GB_Index = 1; console.log('Both Not Exist'); } else{ // Both Exist GB_Index = 2; console.log('Both Exist'); } } else{ console.log('Blob Media'); let selectionArr = ($(this).parent().find('._aamk').children('._acnb').length)?[...$(this).parent().find('._aamk').children('._acnb')]:[...$(this).parent().find('._aamj').children('._acnb')]; let idx = 0; for(let element of selectionArr){ idx++; if($(element).attr('class').match(/_acnf/g)){ GB_Index = idx; } } } let downloadLink = $('.IG_SN_DIG').find('a[data-globalindex="'+GB_Index+'"]').attr('data-href'); let date = new Date().getTime(); let timestamp = Math.floor(date / 1000); let type = $('.IG_SN_DIG').find('a[data-globalindex="'+GB_Index+'"]').attr('data-type'); let name = $('.IG_SN_DIG').find('a[data-globalindex="'+GB_Index+'"]').attr('data-name'); saveFiles(downloadLink,GL_username,name,timestamp,type); $('.IG_SN_DIG').remove(); clearInterval(autoTimer); } },500); } }); // Add the mark that download is ready var username = $(this).find("header div:last-child span > a").text(); $(this).attr('data-snig','canDownload'); $(this).attr('data-username',username); } }); } // Create media element from blob media async function createMediaCacheDOM(postURL,selector,style,message){ $(`${selector} a`).remove(); $(selector).append('

'+ message +'

'); let media = await getBlobMedia(postURL); let idx = 1; let resource = media.shortcode_media; // GraphVideo if(resource.__typename == "GraphVideo" && resource.video_url){ $(selector).append(`
- ${_i18n("VID")} ${idx} -`); idx++; } // GraphSidecar if(resource.__typename == "GraphSidecar" && resource.edge_sidecar_to_children){ for(let e of resource.edge_sidecar_to_children.edges){ if(e.node.__typename == "GraphVideo"){ $(selector).append(`
- ${_i18n("VID")} ${idx} -`); } if(e.node.__typename == "GraphImage"){ $(selector).append(`
- ${_i18n("IMG")} ${idx} -`); } idx++; } } $("#_SNLOAD").remove(); } // Create the download dialog element funcion function IG_createDM(a){ let style = (!a)?"position: fixed;left: 0px;right: 0px;bottom: 0px;top: 0px;":"display:none;"; $('body').append('
'); $('.IG_SN_DIG .IG_SN_DIG_MAIN .IG_SN_DIG_TITLE').append('
Alt+Q ['+_i18n("CLOSE")+']
IG Helper
Article:
'); } // Download and rename files function saveFiles(downloadLink,username,index,timestamp,type){ fetch(downloadLink).then(res => { return res.blob().then(dwel => { const a = document.createElement("a"); const name = username+'-'+index+'-'+timestamp+'.'+type; a.href = URL.createObjectURL(dwel); a.setAttribute("download", name); a.click(); a.remove(); }); }); } // Supported language list function translateText(lang){ return { "zh-TW": { "CLOSE": "關閉", "IMG": "相片", "VID": "影片", "DDL": "快速下載", "DDL_INTRO": "勾選後將直接下載點選當下位置的相片/影片", "DW": "下載", "THUMBNAIL_INTRO": "下載影片縮圖", "LOAD_BLOB_ONE": "正在載入二進位大型物件...", "LOAD_BLOB_MULTIPLE": "正在載入多個二進位大型物件...", "LOAD_BLOB_RELOAD": "正在重新載入二進位大型物件...", "NO_VID_URL": "找不到影片網址" }, "zh-CN": { "CLOSE": "关闭", "IMG": "图像", "VID": "视频", "DDL": "便捷下载", "DDL_INTRO": "勾选后将直接下载點擊當下位置的图像/视频", "DW": "下载", "THUMBNAIL_INTRO": "下载视频缩略图", "LOAD_BLOB_ONE": "正在载入大型媒体对象...", "LOAD_BLOB_MULTIPLE": "正在载入多个大型媒体对象...", "LOAD_BLOB_RELOAD": "正在重新载入大型媒体对象...", "NO_VID_URL": "找不到视频网址" }, "en-US": { "CLOSE": "Close", "IMG": "Image", "VID": "Video", "DDL": "Quick Download", "DDL_INTRO": "Checking it will direct download current photo/media in the posts.", "DW": "Download", "THUMBNAIL_INTRO": "Download video thumbnail.", "LOAD_BLOB_ONE": "Loading Blob Media...", "LOAD_BLOB_MULTIPLE": "Loading Blob Media and others...", "LOAD_BLOB_RELOAD": "Detect Blob Media, now reloading...", "NO_VID_URL": "Can not find video url." } }; } // Translate display text to user country function _i18n(text){ let userLang = (lang)?lang:"en-US"; let translate = { "zh-TW": function(){ return translateText()["zh-TW"]; }, "zh-HK": function(){ return translateText()["zh-TW"]; }, "zh-MO": function(){ return translateText()["zh-TW"]; }, "zh-CN": function(){ return translateText()["zh-CN"]; }, "en-US": function(){ return translateText()["en-US"]; } } try{ return translate[lang]()[text]; } catch{ return translate["en-US"]()[text]; } } // Running if document is ready $(function(){ // Ready~? GO!! onReadyMyDW(); // Close the download dialog if user click the close icon $('body').on('click','.IG_SN_DIG_BTN,.IG_SN_DIG_BG',function(){ $('.IG_SN_DIG').remove(); }); // Hot key [Alt+Q] to close the download dialog $(window).keydown(function(e){ if (e.keyCode == '81' && e.altKey){ $('.IG_SN_DIG').remove(); e.preventDefault(); } }); $('body').on('click','.AutoDownload',function(){ if($('.AutoDownload:checked').length){ GM_setValue('AutoDownload',true); } else{ GM_setValue('AutoDownload',false); } }); $('body').on('click','a[data-needed="direct"]',function(){ let date = new Date().getTime(); let timestamp = Math.floor(date / 1000); saveFiles($(this).attr('data-href'),GL_username,$(this).attr('data-name'),timestamp,$(this).attr('data-type')); }); // Running if user left-click download icon in stories $('body').on('click','.IG_DWSTORY',function(){ onStoryDW(true); }); // Running if user left-click download icon in stories $('body').on('click','.IG_DWSTORY_THUMBNAIL',function(){ onStoryThumbnailDW(true); }); $('body').on('click','.IG_DWPROFILE',function(e){ e.stopPropagation(); onProfileDW(true); }); $('body').on('click','.IG_DWHISTORY',function(){ onHighlightsStoryDW(true); }); $('body').on('click','.IG_DWHISTORY_THUMBNAIL',function(){ onHighlightsStoryThumbnailDW(true); }); }); })(jQuery);