title: What am I doing wrong in localhost Facebook app development?
body: <pre><code>App Domains: localhost
  Website with Facebook login: http://localhost/auth
  </code></pre>
  
  <p>I go to <code>http://localhost/auth/</code> and in my Chrome developer console I see the error: <code>Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings.  It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.</code></p>
  
  <p>I do a view-source to see the following:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
  &lt;title&gt;Insert title here&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;
    // Additional JS functions here
    window.fbAsyncInit = function() {
      FB.init({
        appId      : 'myappidremovedfromstackoverflowquestion', // App ID
        channelUrl : '//localhost/auth/channel.html', // Channel File
        status     : true, // check login status
        cookie     : true, // enable cookies to allow the server to access the session
        xfbml      : true  // parse XFBML
      });
  
      // Additional init code here
  
    };
  
    // Load the SDK Asynchronously
    (function(d){
       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 = "//connect.facebook.net/en_US/all.js";
       ref.parentNode.insertBefore(js, ref);
     }(document));
  &lt;/script&gt;
  &lt;p&gt;hello&lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I go to <code>http://localhost/auth/channel.html</code> and view source to see the single line:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script src="//connect.facebook.net/en_US/all.js"&gt;&lt;/script&gt;
  </code></pre>