webkit下取得margin-right错误的问题

在做一个SplitPanel的功能的时候，在IE和FF下运行正常，但是在Chrome下运行效果很诡异。

经过调试，发现是在webkit下取得dom元素margin-right的时候取值错误，google一番，找到下面几个结果：

 

1. https://mootools.lighthouseapp.com/projects/2706/tickets/703-getcomputedstyle-and-margin-right-in-webkit
2. https://bugs.webkit.org/show_bug.cgi?id=13343

 

看来这是webkit本身的一个bug，从07年report，到现在依然没有fix掉。

 

经过第一个链接的提示，把getStyle方法重构成如下代码：

function getStyle(element, styleName){
    var el = DomHelper.get(element);
    if (!el || !styleName) return null;
    styleName = blade.String.toCamel(styleName);
    if (styleName == "float") {
        styleName = "cssFloat";
    }
    var display, mr = false;
    try {
        if(styleName == "marginRight"){
            mr = true;
            display = el.style.display;
            el.style.display = "inline-block";
        }
        var computed = document.defaultView.getComputedStyle(el, '');
        return el.style[styleName] || computed ? computed[styleName] : null;

    } catch(e) {
        return el.style[styleName];
    } finally{
        if(mr){
            el.style.display = display;
        }
    }
}

 

 

Ok，问题暂时解决，至此结束。