6

我正在为 SharePoint 2013 进行软件开发。其中一部分涉及覆盖 SharePoint 的文件预览器（filepreview.debug.js 变为 myfilepreview.debug.js）。然而，我们在使用 IE8 时遇到了问题。在 IE9 中一切正常。

IE8 中引发的错误会导致您在激活了我们的自定义功能的网站集中访问的任何网站出现错误：“对象不支持此属性或方法”

对此错误进行了一些研究后，似乎IE8 根本不支持Object.create. This Mozilla Developer post似乎支持这个理论。当通过在引发错误的行之前添加此 polyfill 代码解决了问题时，我更加相信这一点：

if (typeof Object.create !== 'function') {
    Object.create = function (o) {
        function F() { }
        F.prototype = o;
        return new F();
    };
}

我想这是有道理的，因为它模仿了 Object.create 的功能，据说 IE8 不支持这种功能。

但是，这令人困惑，因为 SharePoint 的文件预览器 javascript 工作得很好。他们的 javascript也使用 Object.create。更奇怪的是，在我们的 javascript 中引发错误的代码部分甚至不是我们的代码——它是 SharePoint 的。到那时为止的整个 javascript 代码实际上也与 SharePoint 的相同，除了几行。

这是默认值，直到有问题的行：

function $_global_filepreview() {
RegisterSod("mediaplayer.js", "_layouts/15/mediaplayer.js");
RegisterSod("sp.publishing.resources.resx", "/_layouts/15/ScriptResx.ashx?name=sp.publishing.resources&culture=" + STSHtmlEncode(Strings.STS.L_CurrentUICulture_Name));
RegisterSodDep("mediaplayer.js", "sp.publishing.resources.resx");
previewBase = (function() {
ULS7RK:
    ;
    var filePreviewUniqueId = 0;

    return {
        init: function(ctxT, listItem, extension) {
            this.fpId = ++filePreviewUniqueId;
            this.fpDomId = "FilePreviewID-" + String(this.fpId);
            this.fpCtx = ctxT;
            this.fpExtension = extension;
            this.fpListItem = listItem;
        },
        getHtml: function() {
        ULS7RK:
            ;
            return ['<div class="js-filePreview-containingElement" id=', StAttrQuote(this.fpDomId), '>', this.getInnerHtml(), '</div>'].join("");
        },
        getDomId: function() {
        ULS7RK:
            ;
            return this.fpDomId;
        },
        getContainingElement: function() {
        ULS7RK:
            ;
            var containingElement = document.getElementById(this.fpDomId);

            Sys.Debug.assert(m$.isElement(containingElement), "Containing element has not been rendered yet.");
            return containingElement;
        },
        canRender: function() {
        ULS7RK:
            ;
            return true;
        },
        getLoadingIndicatorHtml: function(customStyle) {
            if (m$.isUndefined(customStyle)) {
                customStyle = "";
            }
            return ['<div class="js-filePreview-loading-image" style="width:', this.getWidth(), 'px; height:', this.getHeight(), 'px; line-height:', this.getHeight(), 'px; text-align:center; vertical-align:middle; display: inline-block; ' + customStyle + '">', '<img src="', "/_layouts/15/images/gears_anv4.gif", '" />', '</div>'].join("");
        },

        hideLoadingIndicator: function() {
        ULS7RK:
            ;
            var containingElement = document.getElementById(this.fpDomId);

            ((m$(containingElement)).find("div.js-filePreview-loading-image")).css({
                display: "none"
            });
        },

        getInnerHtml: function() {
        ULS7RK:
            ;
            return "";
        },
        getWidth: function() {
        ULS7RK:
            ;
            return null;
        },
        getHeight: function() {
        ULS7RK:
            ;
            return null;
        },
        onPostRender: function() {
        },
        onVisible: function() {
        },
        onHidden: function() {
        }
    };
})();
//**This is where the "fix" was added originally**
blankPreview = Object.create(previewBase); <--- error is thrown here

SharePoint javscript（上面）和我们的（到目前为止）之间的唯一区别是我们从一开始就删除了以下两行，尽管将它们添加回来仍然不能解决问题：

RegisterSod("sp.publishing.resources.resx", "/_layouts/15/ScriptResx.ashx?name=sp.publishing.resources&culture=" + STSHtmlEncode(Strings.STS.L_CurrentUICulture_Name));
RegisterSodDep("mediaplayer.js", "sp.publishing.resources.resx");

所以我的问题是：为什么我得到这个错误，即 IE8 不支持 Object.create 而在默认 javascript 中使用相同的确切函数的其他用途没有问题？

编辑：另一个论坛上的用户建议我尝试通过 sod 注册我的脚本。我将此添加到我的代码中但没有效果：

RegisterSod("MyFilepreview.debug.js", "_layouts/15/MyFilepreview.debug.js");
4

2 回答 2

3

尝试在 IE 中调试并将断点放在 SharePoint 的默认 JavaScript 文件中。您确定默认 JavaScript 中的 Object.create 实例实际上被命中了吗？

于 2013-01-21T21:48:33.853 回答
3

他们没有使用Object.create适当的论据。

他们Object.create({name:value})在应该使用的时候使用Object.create({name:{value:value}})。

因此，他们可能定义了自己Object.create的代码，并且在您的代码之后使用了他们的代码，因此当他们的代码运行时您已经拥有了您的Object.create集合，并且他们可能会像您一样测试是否存在，并假设它是他们的版本，而实际上它是您的。

因此，请检查Object.create他们代码中的定义并检查脚本的执行顺序。

于 2013-01-26T17:45:45.507 回答