mirror of
https://gitee.com/bitdance-team/chrome-extension
synced 2025-01-31 07:20:26 +08:00
98 lines
3.5 KiB
JavaScript
98 lines
3.5 KiB
JavaScript
|
//天气
|
|||
|
|
let key_w = "314285a761da4025bd4c09339dca5f0f"
|
|||
|
|
var longitude = 116.40
|
|||
|
|
var latitude = 39.90
|
|||
|
|
|
|||
|
|
var searchWeatherfn = async function () {
|
|||
|
|
// 用经纬度获取
|
|||
|
|
let url_jw = longitude + ',' + latitude
|
|||
|
|
console.log("url_jw: " + url_jw)
|
|||
|
|
let httpUrl = `https://geoapi.qweather.com/v2/city/lookup?location=${url_jw}&key=${key_w}`
|
|||
|
|
//获取城市的ID
|
|||
|
|
// let httpUrl = `https://geoapi.qweather.com/v2/city/lookup?location=黔江区&adm=重庆&key=${key}`
|
|||
|
|
let res1 = await fetch(httpUrl) // 不能res，会冲突
|
|||
|
|
let result = await res1.json()
|
|||
|
|
console.log("下面是result")
|
|||
|
|
console.log(result)
|
|||
|
|
document.getElementById("weatherSite").innerHTML = result.location[0].adm1
|
|||
|
|
let id = result.location[0].id
|
|||
|
|
console.log(id)
|
|||
|
|
//根据城市id获取具体的天气
|
|||
|
|
let httpUrl1 = `https://devapi.qweather.com/v7/weather/now?location=${id}&key=${key_w}`
|
|||
|
|
let res2 = await fetch(httpUrl1)
|
|||
|
|
let result1 = await res2.json()
|
|||
|
|
|
|||
|
|
console.log(result1)
|
|||
|
|
console.log(result1.now)
|
|||
|
|
//显示天气情况
|
|||
|
|
let now = result1.now.text
|
|||
|
|
document.getElementById("weatherText").innerHTML = now
|
|||
|
|
//显示温度
|
|||
|
|
let nowTemp = result1.now.temp
|
|||
|
|
document.getElementById("weatherTemp").innerHTML = nowTemp + '°'
|
|||
|
|
//显示图标
|
|||
|
|
let svg_icon = result1.now.icon
|
|||
|
|
document.getElementById("svg_w").src = "./assets/image/weather/icons/" + svg_icon + ".svg"
|
|||
|
|
//切换背景色
|
|||
|
|
var bobyEI = document.body
|
|||
|
|
svg_icon = parseInt(svg_icon)
|
|||
|
|
if (100 <= svg_icon && svg_icon < 101) {
|
|||
|
|
bobyEI.style.backgroundImage = "url(./assets/image/weather/sun.webp)"
|
|||
|
|
} else if (101 <= svg_icon && svg_icon < 104) {
|
|||
|
|
bobyEI.style.backgroundImage = "url(./assets/image/weather/yun.webp)"
|
|||
|
|
} else if (104 <= svg_icon && svg_icon < 150) {
|
|||
|
|
bobyEI.style.backgroundImage = "url(./assets/image/weather/yin.webp)"
|
|||
|
|
} else if (150 <= svg_icon && svg_icon < 300) {
|
|||
|
|
bobyEI.style.backgroundImage = "url(./assets/image/weather/night.webp)"
|
|||
|
|
} else if (300 <= svg_icon && svg_icon < 400) {
|
|||
|
|
bobyEI.style.backgroundImage = "url(./assets/image/weather/yu.webp)"
|
|||
|
|
} else if (400 <= svg_icon && svg_icon < 500) {
|
|||
|
|
bobyEI.style.backgroundImage = "url(./assets/image/weather/xue.webp)"
|
|||
|
|
} else {
|
|||
|
|
bobyEI.style.backgroundImage = "url(./assets/image/weather/yun.webp)"
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function find_site() { //获取浏览器的经纬度
|
|||
|
|
console.log("开始定位浏览器位置")
|
|||
|
|
localStorage.removeItem('BitD_longitude')
|
|||
|
|
localStorage.removeItem('BitD_latitude')
|
|||
|
|
navigator.geolocation.getCurrentPosition(onSuccess); // 获取经纬度
|
|||
|
|
function onSuccess(position) {
|
|||
|
|
//经度
|
|||
|
|
longitude = position.coords.longitude;
|
|||
|
|
localStorage.setItem('BitD_longitude', longitude)
|
|||
|
|
console.log("longitude:" + longitude)
|
|||
|
|
|
|||
|
|
//纬度
|
|||
|
|
latitude = position.coords.latitude;
|
|||
|
|
localStorage.setItem('BitD_latitude', latitude)
|
|||
|
|
console.log("latitude:" + latitude)
|
|||
|
|
console.log("获得浏览器经纬度而且写入localstorage end")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (localStorage.getItem('BitD_longitude')) { //没有缓存
|
|||
|
|
longitude = localStorage.getItem('BitD_longitude')
|
|||
|
|
latitude = localStorage.getItem('BitD_latitude')
|
|||
|
|
searchWeatherfn()
|
|||
|
|
} else { // 没有缓存的时候 或者 需要更新的时候
|
|||
|
|
console.log("没有找到")
|
|||
|
|
find_site()
|
|||
|
|
searchWeatherfn()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
document.getElementById("weatherSite").onclick = function () {
|
|||
|
|
find_site()
|
|||
|
|
searchWeatherfn()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// //天气end
|
|||
|
|
//翻译
|
|||
|
|
//默认参数
|
|||
|
|
// document.getElementById("TOtans").onclick = function () {
|
|||
|
|
// console.log(chrome.extension.getBackgroundPage())
|
|||
|
|
// chrome.extension.getBackgroundPage().tranBit()
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
//翻译end
|