0

我的页面中间有一个谷歌地图。如果我加载保存在桌面上的页面，但如果我从 Chrome 或 IE 的 Dropbox 加载，它就可以工作。它仅适用于 FireFox。谁能告诉我为什么？

https://dl.dropbox.com/u/32241044/Blue%20Wolf%20Coding/page.html

4

2 回答 2

3

查看 Chrome 中的开发者控制台，您将看到以下消息：

[blocked] The page at https://dl.dropbox.com/u/32241044/Blue%20Wolf%20Coding/page.html ran insecure content from http://maps.googleapis.com/maps/api/js?key=AIzaSyDoXopD-LqdzB0iH92fs09t_YDjyo9rX_4&sensor=true.

这意味着 Dropbox 阻止了 Google Maps API 的加载。当您在本地运行页面时，您使用 HTTP URL 访问它，但 Dropbox 上有 SSL。更改您对 Google Maps API 的包含以包含 HTTPS 版本：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY&sensor=true"></script>
于 2012-10-19T01:05:42.120 回答
0

您需要使用这样的协议相对路径：

<link rel="stylesheet" href="//example.com/style.css">
<script src="//example.com/script.js"></script>

检查这个答案：

如何在需要时通过 HTTPS 包含 CSS 和 JS 文件？

于 2014-06-05T09:23:59.287 回答