https - 使 Pinterest 个人资料小部件安全

Question

我正在使用以下页面创建 Pinterest 个人资料小部件:
https://business.pinterest.com/en/widget-builder#do_embed_user

问题是当小部件显示图像时使用非安全链接。我需要在安全页面上显示小部件，因此需要它们是 https://

有什么想法可以解决这个问题吗？

Answer 1

好的，经过一些研究，我做了一个非常激烈的黑客来完成这项工作。 Pintrest 确实提供 https 内容，只是出于某种原因他们没有将其包含在他们的 API 中。因此，我已经逐步完成了 API，并找到了为 API 创建的任何元素设置属性的属性 setter 。

无论如何..这是 fiddle :https://jsfiddle.net/nanff007/1/ (确保https)

这是执行魔术的代码......

This is a workaround/hack or whatever you want to call it. It will not work forever. It may also not work in all countries as the akamai urls may change. The best option would be to raise a request ticket with Pintrest.

(function() {
    $('a[data-pin-do]').each(function () {
        $(this).attr('data-pin-dont', $(this).attr('data-pin-do'));
        $(this).removeAttr('data-pin-do');
    });

    var timer = setInterval(function () {
        for (prop in window) {
            if (prop.search(/^PIN_/) > -1 && typeof window[prop] != 'boolean') {
                clearInterval(timer);
                window[prop].f.set = function (el, att, string) {
                    if(att == 'src' && el.tagName.toLowerCase() == 'img') {
                        string = string.replace(/(^http:\/\/)/i, "https://s-");
                    }

                    if (typeof el[att] === 'string') {
                        el[att] = string;
                    } else {
                        el.setAttribute(att, string);
                    }
                };

                $('a[data-pin-dont]').each(function () {
                    $(this).attr('data-pin-do', $(this).attr('data-pin-dont'));
                    $(this).removeAttr('data-pin-dont');
                });

                window[prop].f.init();
                break;
            }
        }
    }, 100);
}());