我正在尝试构建一个供私人使用的小型Chrome扩展程序,它向我显示(目前)使用darksky API的某些位置的当前天气数据。 一旦您单击图标,我们的想法是将天气数据显示在chrome扩展弹出窗口中。 我的代码如下:
popup.html:
<head>
<style type="text/css">
body {
height: 300px;
width: 600px;
}
</style>
<title>Good Morning!</title>
<script src="static/jquery.js"></script>
<script src="static/scripts.js"></script>
</head>
scripts.js中:
$.getJSON(
"https://api.darksky.net/forecast/[API KEY]/52.075,-0.7333?exclude=minutely,daily,alerts,flags,hourly,daily&units=si",
{},
function(data) {
document.getElementById("Walthamstow").innerHTML =
'Time: ' + JSON.stringify(data.currently.time)+ "<br>" +
'Summary: ' + JSON.stringify(data.currently.summary)+"<br>" +
'Temperature: '+ JSON.stringify(data.currently.temperature)+' \xB0'+'C'
}
);
可悲的是,数据没有刷新。至少时间戳应该几乎每秒刷新一次。但无论我多久点击一次图标,它都会显示相同的数据。但是,如果我在单独的选项卡中运行darksky请求URL,它也会更新弹出窗口中的数据。