Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Facebook friends / people search backup in web browser
/* 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);
}
@hoshi411

This comment has been minimized.

Copy link

@hoshi411 hoshi411 commented Mar 21, 2020

What is a web browser console?

@baptx

This comment has been minimized.

Copy link
Owner Author

@baptx baptx commented Mar 21, 2020

@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).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment