Erhalten von Facebook profile_id und setzen es in eine URL, als eine Chrome-Erweiterung

Question

Für den Anfang, ich habe nicht viel Wissen über JavaScript, aber ich denke, ich weiß genug, um die Arbeit zu erledigen, ich brauche nur ein paar Hinweise.

Ich versuche, eine Erweiterung zu schaffen, die profile_id von der aktuellen Facebook-Seite greifen wird, die offen ist, und das dann in einer URL setzen und die neue Seite angezeigt wird, zum Beispiel https://www.facebook.com/search/des Profil/Fotos-of

Leider kann ich keine gute Dokumentation finden, wie dies zu tun ist. Das Anzeigen der neuen Seite sollte kein Problem sein, aber ich weiß nicht genug über JavaScript, um die ID von einer Seite zu ziehen. All die Suche, die ich getan habe, sagt mir, dass ich die Facebook Graph API verwenden sollte, aber ich weiß nicht, wo ich es bekommen oder wie ich es benutzen kann. Kann mir jemand irgendwelche Tipps geben oder mich in die richtige Richtung weisen, vorzugsweise zu einem Tutorial, das nicht davon ausgeht, dass ich in den letzten Jahren JavaScript und die Graph-API verwendet habe.

Answer 1

Sie müssen Graph API nicht verwenden. Öffnen Sie einfach eine beliebige Seite Quelle in devtools (F12) und finden (Strg-F) in dem Profil-ID ist, dann ist es Auszug aus der einfachste Ort zu verarbeiten:

<meta property="al:android:url" content="fb://page/123456789"> 

mit diesem Code in einem Content-Skript extrahiert werden kann :

document.querySelector('meta[property="al:android:url"]').content 

Ihre Erweiterung sollte eine event page haben, die einen Zuhörer für die browser toolbar button erklärt:

chrome.browserAction.onClicked.addListener(function(tab) { 
    chrome.tabs.executeScript(
     tab.id, 
     {code: "document.querySelector('meta[property=\"al:android:url\"]').content"}, 
     function(results) { 
      var profileID = results[0].split('/')[3]; 
      chrome.tabs.create({ 
       url: 'https://www.facebook.com/search/' + profileID + '/photos-of', 
       active: true 
      }); 
     } 
    ); 
}); 

Ihre manifest.json Datei 01 mindestens haben sollte.

Es gibt viele Dinge in dem oben genannten Code zu verbessern, das ist nur ein Ausgangspunkt.
Untersuchen Sie official sample extensions Code, um verschiedene Techniken in Aktion zu sehen.
Wenden Sie sich an die documentation und API reference.
Verwenden Sie den Debugger immer vor der Abfrage (tutorial, how to debug background/event pages)!