javascript - Chrome 扩展没有读取我的 API 的图像值？

Question

我使用 Wea​​ther API 做了一个元素:

https://api.apixu.com/v1/current.json?key=...&q=California

如果你们去那个链接，你们会看到有一个图标选项像这样:

"icon: "//cdn.apixu.com/weather/64x64/night/113.png" 

我用这个元素创建了一个 chrome 扩展程序，但我的 chrome 扩展程序中没有显示天气图标。

有人知道我需要向我的 chrome 扩展添加什么吗？

Answer 1

因为//意味着图标 src 会将协议(protocol)更改为调用页面的协议(protocol)。所以在
http 页面，它将从 http://cdn.apixu.com 加载，如果您的页面是
https，图标将从https://cdn.apixu.com加载，但如果您的页面来自文件系统，则协议(protocol)为
file 并会导致 file:///cdn.apixu.com 加载失败

尝试

$("#someContainer").html(`<img src="https:${data.current.condition.icon}" />`) 

假设你使用 jQuery