javascript - 从本地协议(protocol)强制 Javascript 文件中的 http 协议(protocol)

Question

我们正在使用 HTML5 开发手机应用程序，这意味着我们手机上的本地协议(protocol)是 file://。我们现在正在尝试将 Opentable 的小部件包含在我们的页面上。但他们的小部件 JS 链接如下所示:

<script type='text/javascript> src='//secure.opentable.com/widget/reservation/loader?rid=27763&domain=com&type=standard&theme=standard&lang=en&overlay=false&iframe=true'></script>

请注意，它以

开头

//secure.opentable.com

因此它将自动获取我们的file://协议(protocol)。但即使我将其更改为

https://secure.opentable.com

它仍然无法在本地运行。我注意到在他们的 JS 源代码中，他们仍然使用“//”，这仍然会以某种方式获得我们的“file://”协议(protocol)。

这是我将链接更改为 https://secure.opentable.com/后出现的错误...

Failed to load resource: The requested URL was not found on this server.

file://www.opentable.com/widget/reservation/canvas?rid=27763&domain=com&type=standard&theme=standard&lang=en&overlay=false&insideiframe=true

我注意到在控制台中它看起来像:

如何使其适用于本地环境？

谢谢!

Answer 1

也许这会起作用:

$(document).ready(function() {
    $("iframe[src^='//www.opentable.com']").attr('src', function(i, oldsrc) {
        return "https:" + oldsrc;
    });
);

它会等到文档准备好，这应该是在将新的 IFRAME 添加到 DOM 之后，然后将其 src 替换为具有 https: 协议(protocol)的文件.