Facebook連接。適用於Firefox/Internet Explorer，不適用於Chrome/Safari/Opera

我有一個應用程序，它是一個帶javascript的index.php文件，當用戶登錄時，JavaScript加載存儲在內容中的頁面內容。如果用戶允許彈出窗口，我發現它可以在Safari瀏覽器中工作，我得到了與Firefox相同的錯誤，那麼彈出窗口可以成爲敵人嗎？我怎樣才能改寫這個彈出窗口來使用彈出窗口？）Facebook連接。適用於Firefox/Internet Explorer，不適用於Chrome/Safari/Opera

的index.php：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
    <head> 
     <title>My app</title> 
     <link type="text/css" rel="stylesheet" href="css/style.css"/> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    </head> 
    <body> 
     <div id="fb-root"></div> 
     <script src="http://connect.facebook.net/en_US/all.js"></script> 
     <script src="js/jquery.validationEngine.js"></script> 
     <script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script> 
     <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/> 
     <script src="js/functions.js"></script> 
    </body> 
</html>

functions.js：

FB.init({ 
    appId : '123456789', 
    status : true, // check login status 
    cookie : true, // enable cookies to allow the server to access the session 
    xfbml : true // parse XFBML 
}); 

FB.login(function(response) { 
    if (response.session) { 
     if (response.perms) { 
      $.get("content.php", {get: "form"}, function(data){ 
       $('body').append(data); 
      });  
     } else { 
      top.location.href="http://example.com"; 
     } 
    } else { 
     top.location.href="http://www.example.com"; 
    } 
}, {perms:'publish_stream'});

它適用於Firefox和Internet Explorer，但在Chrome，Safari和Opera中不適用。我在Chrome得到這個錯誤使用JavaScript調試：

Unsafe JavaScript attempt to access frame with URL https://www.facebook.com/login.php?api_key=123456789&skip_api_login=1&display=popup&cancel_url=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D0%23cb%3Df13bcfbe1%26origin%3Dhttp%253A%252F%252Fexample.com%252Ff1fd4b982c%26relation%3Dopener%26transport%3Dpostmessage%26frame%3Df206b2144c%26result%3D%2522xxRESULTTOKENxx%2522&fbconnect=0&next=https%3A%2F%2Fwww.facebook.com%2Fdialog%2Fpermissions.request%3F_path%3Dpermissions.request%26app_id%3D152123456789%26redirect_uri%3Dhttp%253A%252F%252Fstatic.ak.fbcdn.net%252Fconnect%252Fxd_proxy.php%253Fversion%253D0%2523cb%253Df13bcfbe1%2526origin%253Dhttp%25253A%25252F%25252Fexample.com%25252Ff1fd4b982c%2526relation%253Dopener%2526transport%253Dpostmessage%2526frame%253Df206b2144c%2526result%253D%252522xxRESULTTOKENxx%252522%26sdk%3Djoey%26display%3Dpopup%26api_key%3D123456789%26fbconnect%3D0%26locale%3Den_US%26method%3Dpermissions.request%26perms%3Dpublish_stream%26return_session%3D1%26session_version%3D3%26from_login%3D1&rcount=1 from frame with URL http://example.com/myfacebookapp/. Domains, protocols and ports must match.

在Opera它卡住的彈出窗口（彈出允許），這個網址：

http://static.ak.fbcdn.net/connect/xd_proxy.php?version=0#cb=f5132b51b60fbe&origin=http%3A%2F%2Fexample.com%2Ff10a57ba8d445c&relation=opener&transport=flash&frame=f19023256ffd8&result=%7B%22perms%22%3A%22publish_stream%22%2C%22selected_profiles%22%3A1245738876%2C%22session%22%3A%22%7B%5C%22session_key%5C%22%3A%5C%222.buXjHddfcr_xKQHVeu_FXw__.3600.1299679200-1245738876%5C%22%2C%5C%22uid%5C%22%3A%5C%221245738876%5C%22%2C%5C%22expires%5C%22%3A1299679200%2C%5C%22secret%5C%22%3A%5C%22glwIAcpeG0HDT__0z1QI3g__%5C%22%2C%5C%22access_token%5C%22%3A%5C%22152384968151443%7C2.buXjHdcfcr_xKQHVeu_FXw__.3600.1299679100-1245738876%7CdyZCE5trqgMkU0HSzSorX3jqbIs%5C%22%2C%5C%22sig%5C%22%3A%5C%228724dd80df9f16e7c3a2ce1b06f8d1e1%5C%22%7D%22%7D

所以我的問題是：如何能我可以在所有瀏覽器（Firefox，IE，Chrome & Safari瀏覽器）中工作？

（編輯：我已經改變了網址，並刪除代碼和URL到我的應用程序）

來源

2011-03-09 Patrik

我還與彈出窗口類似不愉快的經歷。最終，我從您正在使用的客戶端流模型轉移到服務器流模型，服務器進行重定向。

（我從來沒有經歷過的JavaScript跟着這一點，但我可以在文檔中看到，似乎沒有要關閉彈出的選項。http://developers.facebook.com/docs/reference/javascript/fb.login/）

我不能爲你提供PHP的例子，因爲我的東西是在.NET中，但我認爲它應該以類似的方式爲你工作：

創建一個鏈接到您的FB登錄頁面：例如FBLogin.php
此頁面然後使用庫（facebook php sdk？）幫助創建帶有返回網址（例如FBAuthorize.php）的Facebook登錄網址到您的網站。您將被重定向到facebooke登錄網址。
在FB上成功驗證後，您將返回FBAuthorize.php頁面，其中魔術令牌交換應由庫處理。

沒有彈出框，沒有javascript。

來源

2011-03-09 13:21:01 AyKarsi

謝謝。我曾想過回到php（我在開始時使用它，但沒有開始工作，所以我嘗試了js）。但問題是我沒有太多的時間，直到截止日期。：/ – Patrik 2011-03-09 13:43:50

Facebook連接。適用於Firefox/Internet Explorer，不適用於Chrome/Safari/Opera

回答

相關問題