web-dev-qa-db-ger.com

"Fehler beim Laden der Ressource" unter Verwendung des Beispielcodes von Facebook

Ich versuche, das erste Beispiel aus der Dokumentation des Facebook JS SDK auszuführen. Ich habe eine neue App erstellt, ein leeres Dokument mit dem Namen "facebookTest.html" erstellt, den Code aus dem Beispiel eingefügt und die App-ID der neuen App eingefügt. Code wie folgt:

<html>
<head>
<title>Login with facebook</title>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : 'my app ID', // App ID from the App Dashboard
      status     : true, // check the login status upon init?
      cookie     : true, // set sessions cookies to allow your server to access the session?
      xfbml      : true  // parse XFBML tags on this page?
    });

    // Additional initialization code such as adding Event Listeners goes here

  };

  // Load the SDK's source Asynchronously
  // Note that the debug version is being actively developed and might 
  // contain some type checks that are overly strict. 
  // Please report such bugs using the bugs tool.
  (function(d, debug){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = document.location.protocol+"//connect.facebook.net/en_US/all" + (debug ? "/debug" : "") + ".js";
     ref.parentNode.insertBefore(js, ref);
   }(document, /*debug*/ false));
</script>

Beim Laden der Seite wird auf der Javascript-Konsole die folgende Fehlermeldung angezeigt:

Failed to load resource

Was mache ich falsch?

BEARBEITEN: Wenn ich document.location.protocol vor dem "//connect.facebook.net/...", wie vorgeschlagen hier , hinzufüge, bleibt der Bildschirm leer und die Konsole zeigt Folgendes:

GET file://connect.facebook.net/en_US/all.js

Soll das alles dieser Code sein? Oder scheitert es immer noch?

javascriptfacebookfacebook-javascript-sdk
23
sigil

Es gab ein paar Dinge hier falsch:

  1. zum Ändern der js.src-Zuordnung in: js.src="https://connect.facebook.net/en_US/all.js";

  2. Facebook unterstützt keine JS SDK-Aufrufe mehr, die aus einer lokalen Datei stammen. Das Skript muss in einer Datei mit einem http://- oder https://-URI gemäß diesem Fehlerbericht auf Facebook ausgeführt werden. Ich muss die Datei auf einen Webserver hochladen, die URL der Zeichenfläche entsprechend ändern und den Test erneut durchführen.

39
sigil

einfach Adblock deaktivieren, es funktioniert für mich

11
yawa yawa

Zuerst müssen Sie http oder https an die URL von js.src anhängen

Zweitens müssen Sie Ihre HTML-Datei auf einem Server hosten.

6
user3059993

Wenn Ihre URL Wörter wie "Anzeige", "Anzeige", "Doppelklick", "Klick" oder ähnliches enthält ...

Zum Beispiel:

  • GET googleads.g.doubleclick.net/pagead/id
  • static.doubleclick.net/instream/ad_status.js

Dann blockiert der Werbeblocker es.

Ref: Erhalte den Fehler "net :: ERR_BLOCKED_BY_CLIENT" bei einigen AJAX Calls

0
Ashish Chaturvedi

Gehen Sie zu Facebook-Entwickler und fügen Sie Ihre Website-Domain hinzu, und holen Sie sich die ID und den Link unten:

 appId : 'my app ID', // App ID from the App Dashboard
0
Developerajay