Facebook friends / people search backup in web browser

facebook_friends_people_search_backup.js

/* Facebook friends / people search backup in web browser
 * Scroll down to your friends page or a people search page to load all profiles
 * Copy-paste the script below in a web browser console (F12 key or Ctrl+Shift+K shortcut in a browser like Firefox) and execute the desired function
 * A textarea will appear at the end of the page so you can copy the data and paste it in a text file before saving it as a CSV file
 * You can then view your backup in a spreadsheet editor like LibreOffice Calc
 * You can also compare the backup with another one to see who removed you from their friends list or who appeared in a new search (e.g. with the Linux diff command or awk for column diff https://unix.stackexchange.com/questions/174599/using-diff-on-a-specific-column-in-a-file/174603#174603)
 * If the friend changed their name or profile URL, you can still find them with their profile ID which is backed up in the last column (open facebook.com/PROFILE_ID in a web browser)
 * The Facebook Graph API was not used because they are locking or deprecating most of their endpoints (e.g. https://developers.facebook.com/docs/graph-api/changelog/breaking-changes/#taggable-friends-4-4)
 */

var data = [];

// to make this script work with the new Facebook, you need to open the mobile web version https://m.facebook.com/username/friends
function FacebookFriendsBackup()
{
	var mainList = document.getElementsByClassName("timeline")[0].childNodes[1].childNodes[2].childNodes;
	var mainLength = mainList.length;
	
	for (var i = 0; i < mainLength; ++i) {
		var list = mainList[i].childNodes;
		var length = list.length;
		
		for (var j = 0; j < length; ++j) {
			var link = list[j].getElementsByTagName("a")[1];
			var count = data.length;
			data[count] = link.firstChild.nodeValue;
			data[count] += "\t" + link.href;
			var json = JSON.parse(list[j].firstChild.childNodes[2].firstChild.firstChild.childNodes[2].getAttribute("data-store"));
			data[count] += "\t" + json.id;
		}
	}
	
	displayData();
}

// NOT WORKING WITH NEW FACEBOOK (use the updated function above)
function OldFacebookFriendsBackup()
{
	var list = document.getElementsByClassName("uiProfileBlockContent");
	var length = list.length;

	// note: firstChild is a bit faster than firstElementChild: https://jsperf.com/firstelementchild-and-firstchild
	for (var i = 0; i < length; ++i) {
		var link = list[i].getElementsByTagName("a")[0];
		data[i] = link.firstChild.nodeValue;
		data[i] += "\t" + link.href;
		var json = JSON.parse(link.getAttribute("data-gt"));
		if (json) { // JSON data is null when the Facebook profile is deactivated
			data[i] += "\t" + json.engagement.eng_tid; // get profile ID in case the Facebook user changes their profile URL
		}
	}
	
	displayData();
}

// we need to hook AJAX response with JavaScript to get the profile ID since it is not displayed in the DOM (username is not reliable to backup since it can change)
// execute this function before opening the page and scrolling
// https://stackoverflow.com/questions/5202296/add-a-hook-to-all-ajax-requests-on-a-page/27363569#27363569
function FacebookPeopleSearchBackup()
{
	var count = 0;

	var origOpen = XMLHttpRequest.prototype.open;
	XMLHttpRequest.prototype.open = function() {
		if (arguments[1] == "/api/graphql/") {
			this.addEventListener("load", function() {
				var json = JSON.parse(this.responseText);
				var list = json.data.serpResponse.results.edges;
				var length = list.length;
				
				for (var i = 0; i < length; ++i) {
					var user = list[i].relay_rendering_strategy.view_model.profile;
					
					if (user) {
						data[count] = user.id;
						
						// comment previous line and uncomment following lines if you want full name and profile URL also
						/*data[count] = user.name;
						data[count] += "\t" + user.url;
						data[count] += "\t" + user.id;*/
						
						console.log(data[count]);
						++count;
					}
					else {
						console.log("END");
						displayData();
					}
				}
			});
		}
		origOpen.apply(this, arguments);
	};
}

// NOT WORKING WITH NEW FACEBOOK (use the updated function above)
// can be used to backup a people search (for example to see when someone from another country or city moves to a new city)
// some results could be missing since sometimes the city name is followed by the region instead of the country
function OldFacebookPeopleSearchBackup()
{
	//var list = document.getElementById("browse_result_area").getElementsByClassName("FriendRequestOutgoing"); // missing results since friend button is disabled on some profiles
	var list = document.querySelectorAll('#BrowseResultsContainer > div, [data-testid="results"] > div');
	var length = list.length;
	
	for (var i = 0; i < length; ++i) {
		data[i] = JSON.parse(list[i].firstChild.getAttribute("data-bt")).id;
		
		// comment previous line and uncomment following lines if you want full name and profile URL also
		/*var link = list[i].getElementsByTagName("a")[1];
		data[i] = link.title;
		data[i] += "\t" + link.href;
		data[i] += "\t" + JSON.parse(list[i].firstChild.getAttribute("data-bt")).id;*/
	}
	
	displayData();
}

// can be used to backup group members with things in common (https://www.facebook.com/groups/XXX/members_with_things_in_common/)
// some results could be missing since sometimes the city uses the original name instead of the translated name
function OldFacebookPeopleCommonBackup()
{
	var list = document.querySelectorAll("[id^=things_in_common_]");
	var length = list.length;
	
	for (var i = 0; i < length; ++i) {
		data[i] = list[i].id.substr(17);
		
		// comment previous line and uncomment following lines if you want full name and profile URL also
		/*var link = list[i].getElementsByTagName("a")[1];
		data[i] = link.title;
		data[i] += "\t" + link.href;
		data[i] += "\t" + list[i].id.substr(17);*/
	}
	
	displayData();
}

function displayData()
{
	var box = document.createElement("textarea");
	box.style = "position: relative; z-index: 1"; // show box on top of other elements (needed for the new Facebook with FacebookPeopleSearchBackup())
	box.value = data.join('\n');
	document.body.appendChild(box);
}

What is a web browser console?

@hoshi411 it is a web browser area where you can execute custom JavaScript code, you can open it with the F12 key or Ctrl+Shift+K shortcut in a browser like Firefox (I just updated the script comment to mention this for people who are not familiar with it).