Why does XFBML work everywhere but in Chrome?-Collection of common programming errors

I try to add simple Like button to my Facebook Canvas app (iframe). The button (and all other XFBML elements) works in Safari, Firefox, Opera, but in Google Chrome.

How can I find the problem?

EDIT1:

This is ERB-layout in my Rails app

...

...


    window.fbAsyncInit = function() {
      FB.init({
        appId: '', status: true, cookie: true, xfbml: true
      });
      FB.XFBML.parse();
    };
    (function() {
      var e = document.createElement('script'); e.async = true;
      e.src = document.location.protocol +
        '//connect.facebook.net/en_US/all.js#appId=&xfbml=1';
      document.getElementById('fb-root').appendChild(e);
    }());
    FB.XFBML.parse();


...

JS error message in Chrome inspector:

Uncaught ReferenceError: FB is not defined
  (anonymous function)
Uncaught TypeError: Cannot call method 'appendChild' of null
  window
  (anonymous function)

Probably similar to http://forum.developers.facebook.net/viewtopic.php?id=84684

1. I’m doing exaclty what you are doing. And it works. Try this snippet.

   
   
   
   
   
   
     FB.init({appId: '', status: true, cookie: true, xfbml: true});
   
     FB.Event.subscribe('auth.sessionChange', function(response) {
   
       if (response.session) {
   
         // A user has logged in, and a new cookie has been saved
   
       } else {
   
         // The user has logged out, and the cookie has been cleared
   
       }
   
     });
   
   
   

Originally posted 2013-11-23 09:50:01.