![]() You just need to click on a few specific buttons in order to find the photo.įirst click on the "Sources" tab at the top. This will open up Chrome's developer console.Įven though Chrome DevTools are designed for software developers, don't be intimidated. Right-click the photo and choose "Inspect" from the dropdown. Step 2: Get the Instagram photo's URL so you can download it Right click the image, then choose "inspect" from the dropdown. This will show you the photo's unique page on Instagram. Since the photo's address is now in the address bar, you can just refresh your browser by clicking the refresh button in your browser or using the control+r keyboard shortcut (command+r on Mac). Instead of saying the person's Instagram username, it will now say /p/#.Įvery photo on Instagram has its own dedicated web address, and if you go directly to that address, it will just show the one photo without all the other photos in their newsfeed. Notice that the URL in Chrome's address bar has changed. This will bring the photo up in its preview modal, floating on top of the person's newsfeed, like this: Click the image you want to bring up its preview modal. Step 1: Find the Instagram photo you want to download. ![]() This article will show you how to do this in 3 quick steps. We put a dot to tell the parser we now want to work on the selected line of HTML, and we use the function getAttribute to return what's inside the content attribute, and this returns the image link.Instagram makes it really hard to download photos to your computer without using their mobile app. ![]() We now selected the line we want, but we only need what is bound to the content attribute. Luckily there is only one of them so we won't have to deal with arrays, which are more tricky. In this case we want to select meta tags with attribute property equal to og:image. Inside the paretheses you have what you are selecting. Lines of code that is, or their contents. It's coded into the jQuery and allows you to select. The $ is what I believe is called a selector. If you ever seen HTML you know it's mainly 3 things: tags like meta, a, head, tag attributes: href="", class="" and body which is what's between and, this is usually what website is composed of. Then every time you land on an instagram image page, just under the page header you will see a button that says "View/Download Full Size Image".Īctually it's not that difficult. Var meta = document.querySelector("meta") ĭocument.querySelector("#react-root > section > nav").innerHTML += "View/Download Full Size Image" Adds a download button for instagram images If you just want it to automatically show a download link on the page, you can get the greasemonkey or tampermonkey browser plugin and add this user script: // =UserScript= Note: Bans will not be reversed if the post/comment in question has been deleted from your history. You may appeal this initial ban by messaging the moderators and agreeing not to break the rules again. Note that moderators will use their own discretion to remove any post that they believe is low-quality or not considered a LPT.īans are given out immediately and serve as a warning.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |