使用 facebook Javascript-SDK(从其服务器异步加载)会产生奇怪的效果:
通过 SDK 成功登录到 FB 后,FB-Logout-Button 会以像素方式从右到左再向后移动。
登录/注销按钮声明为:
<fb:login-button size="large" autologoutlink="true" perms="email,user_birthday,status_update,publish_stream"></fb:login-button>
在 Firebug 中停止脚本会生成一个名为 M6XESwM2V2D.js 的 javascript 文件,其中包含以下代码行:
__d("PluginResize",["Log","UnverifiedXD","bind","copyProperties","curry"],function(a,b,c,d,e,f){var g=b('Log'),h=b('UnverifiedXD'),i=b('bind'),j=b('copyProperties'),k=b('curry');function l(o){o=o||document.body;return o.offsetWidth+o.offsetLeft;}function m(o){o=o||document.body;return o.offsetHeight+o.offsetTop;}function n(o,p,event){this.calcWidth=o||l;this.calcHeight=p||m;this.width=undefined;this.height=undefined;this.event=event||'resize';}j(n.prototype,{resize:function(){var o=this.calcWidth(),p=this.calcHeight();if(o!==this.width||p!==this.height){g.debug('Resizing Plugin: (%s, %s, %s)',o,p,this.event);this.width=o;this.height=p;h.send({type:this.event,width:o,height:p});}return this;},auto:function(o){setInterval(i(this,this.resize),o||250);return this;}});n.auto=function(o,p,event){return new n(k(l,o),k(m,o),event).resize().auto(p);};e.exports=n;});
当在 javascript-debugger 中停止代码时,按钮移动停止(如预期的那样),继续代码移动它。在上面打印的 javascript-Code 中有一个对 setInterval-Method 的调用。因此,这可以解释这种行为。但是他们为什么要这样做呢?
我怎样才能停止这种影响?