Chrome中阻止了CDN库

时间:2013-04-15 14:48:57

标签: google-chrome leaflet openstreetmap

我正在将传单/ OSM用于网站上的小地图。站点本身可通过HTTPS访问,而传单库(afaik)只能通过HTTP连接检索。现在,Chrome不包含该库,并在控制台中显示以下消息:

[blocked] The page at https://example.com/foo/bar ran insecure content from http://cdn.leafletjs.com/leaflet-0.5/leaflet.css_

知道如何解决这个问题吗?

4 个答案:

答案 0 :(得分:14)

http://cdnjs.com/libraries/leaflet/有Leaflet。他们也有HTTPS版本。

//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css
//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js

在代码中使用上述网址。用于加载当前页面的相同协议也将用于获取Leaflet资产。

答案 1 :(得分:10)

您可以自己提供必要的javascript和css文件,而不是使用托管版本的传单:只需在http://leafletjs.com/download.html抓取最新版本的传单,然后将目录“dist”复制到项目目录中。之后,您可以将链接从“http://cdn.leafletjs.com/leaflet-0.5/ ”更改为“./dist / ”。

答案 2 :(得分:1)

从您的参考中删除“http:”。试试“//cdn.leafletjs.com/leaflet-0.5/leaflet.css”。它将使用当前页面的协议发送请求。

答案 3 :(得分:0)

通过HTTP在CDN上下载Tiles,因此将js / css放入SSL中几乎没有帮助