For anyone who wants to
attempt archiving TikTok videos,
ProxiTok is an open-source front-end in a vein similar to Invidious, Nitter, LibReddit, Quetre, and such, but for TikTok. ProxiTok is one of the available options you can toggle for redirecting via
LibRedirect. It's not a perfect solution because public instances can be rate limited occasionally. But it works when my friends send TikTok memes via group chat, and I don't feel like disabling NoScript to allow TikTok's desktop site to function properly.
***
EDIT 02 January 2023 @ 10:49 GMT-5 – Suggestion to add the below to OP; tagging
@Null per his instruction
Local Archiving 101 – Browser Developer Tools
Disclaimer: The below was done on a
fresh profile created on Firefox 102.6 ESR. I am not entirely familiar with Chromium developer tools, but the concept should still largely apply to both Mozilla and Chromium browsers.
Obligatory Introduction
Before the advent of HTML5 DRM, BLOB URLs, obfuscation via DIV tags, among other such unpleasantries, the tried and true method of “Right-click, inspect element” was the de-facto standard for archiving media from other websites. It would seem that a decade plus of conveniences being spoon-fed to us via streaming services and social media have left us ignorant to the recent past. Make no mistake: your web browser still has tons of tools to assist with archival without relying on external sources. It's not perfect, but it's robust enough to where more people should be aware of it.
From my personal testing, here's what definitively
does not work (to my knowledge) with Inspect Element
a) YouTube and Instagram videos (images can be archived just fine)
b) Blobs, so anything that starts with
blob:https://www.xyz.com/mediawhatever_r@nd0m_5tr1ng
c) Any type of “dynamic” URL where a media file (typically video) is broken up into smaller pieces and then loaded up as you're watching (i.e.
a4dsgsomethingorother.googlevideo.com
)
For most practical purposes, however, any shortcomings you have with your browser's developer toolkit can be supplemented with other tools discussed prior in this thread (i.e. YT-DLP, LibRedirect, Archive.md, etc).
Tutorial Starts Here
Scenario A: You are
logged in to Instagram via your desktop, and you wish to archive a cute animal post.
Test site:
https://instagram.com/juniperfoxx
Go to your browser's hamburger menu, then work out where the developer toolkit is.

You should now be in your browser's developer console. Firefox is above, while Brave's is below; I believe you can change the orientation of the console in Chromium, but I can't be fucked to do that right now.
Now, Instagram saves videos as blobs, so we can't really make good use of that at this time. I currently lack the knowledge necessary to inform people how to circumvent blob protection; someone else will have to fill that gap for me. Instead, let's turn our attention to the nice photo of the
raccoon by the Christmas tree.
Click on the element picker, then click on the image itself.
Per the attached, you can see that it's not under an
img
tag, but rather a
div
tag.
This is some pretty surface-level obfuscation to work past. Look at your toolkit, and do the following:
Open the link in a new tab, and you should have your image!
DISCLAIMER: I don't know how true this is for Instagram, but Facebook URLs always have strings of metadata attached to your account. This extends to the files that you download as well. Remember to
scrub the metadata before posting it anywhere!
***
This concept works for any type of media, be it image or video, but video has a lot more strings attached; I couldn't be fucked to find a test site that wasn't autistic as hell to use. Allegedly, this also works with
Onlyfans content (both photo
and video) as well, but I'm not brash enough to tempt fate. Enjoy!
***
I will come back later to talk about Firefox Save Page As; There's a lot of stuff that I need to look up before I authoritatively say anything about it.