2010年6月25日

Facebook iframe 變更長寬

Facebook的API正在新舊交替中,所以很多該死的功能都會相衝;為了在facebook的iframe模式中可以自訂iframe長寬,以前必須使用
FB.CanvasClient.setCanvasHeight 
可是他會和新版的Javascript SDK(connect-js)相衝 ,所以要改用
FB.init({appId: 'app ID', status: true, cookie: true, xfbml: true});
    window.fbAsyncInit = function() {
        FB.Canvas.setSize({width:760,height: 1200 });
    }
如果頁面中有使用動態產生資料而影響某個DIV的寬高的話,一定要先呼叫這個函數,再去呼叫你要變動DIV的script,不然天才的Internet Explorer會瘋掉! ----一個快被facebook搞死的人的衷心建議

2 則留言:

舊油燈裡的巨人 提到...

後來再測試幾次,連window.fbAsyncInit = function()都可以不要了,在firefox反而會出問題,可以用jQuery的$(document).ready(),改成:
$(document).ready(function(){
FB.init({appId: app ID, status: true, cookie: true, xfbml: true});
FB.Canvas.setSize({width:760,height: 1200 });
});

hautz 提到...

有神~請受我一拜!太感謝了~~

張貼留言

精選文章

利用Selenium IDE進行UI測試

安裝與執行 Selenium IDE是Firefox的一個plugin,用來做UI的自動測試:下載網址為http://docs.seleniumhq.org/download/ 安裝後,點一下firefox 的工具 -> Selenium IDE ,就會...