1
0
mirror of https://gitee.com/bitdance-team/chrome-extension synced 2025-10-08 08:45:14 +08:00
Code Issues Projects Releases Wiki Activity GitHub Gitee
Files
chrome-extension/packages/shell-chrome/js/popup.js
2022-02-06 14:18:26 +08:00

131 lines
4.7 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

window.onload=function(){
//默认参数
var appid = '20200808000537374';
var key = 'Cmd_ULw3GR00smgAg165';
var salt = Math.random(1111111111,9999999999);
var from = 'auto';
var to = 'auto';
//天气
var searchWeatherfn = async function() {
let key = "314285a761da4025bd4c09339dca5f0f"
//获取浏览器的经纬度
var longitude = 116.20
var latitude = 39.56
// if (navigator.geolocation){ //检测是否支持地理定位
// navigator.geolocation.getCurrentPosition(onSuccess);
// } else{
// console.log("eorr");
// }
// function onSuccess(position){
// //经度
// longitude =position.coords.longitude;
// console.log("longitude:"+longitude)
// //纬度
// latitude = position.coords.latitude;
// console.log("latitude:"+latitude)
// }
//用经纬度获取
let url_jw = longitude+','+latitude
console.log(url_jw)
let httpUrl = `https://geoapi.qweather.com/v2/city/lookup?location=${url_jw}&key=${key}`
//获取城市的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()
let id = result.location[0].id
console.log(result)
console.log(id)
//根据城市id获取具体的天气
let httpUrl1 = `https://devapi.qweather.com/v7/weather/now?location=${id}&key=${key}`
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="./img/icons/"+svg_icon+".svg"
//切换背景色
var bobyEI = document.body
svg_icon = parseInt(svg_icon)
if(100<=svg_icon&&svg_icon<101){
bobyEI.style.backgroundImage = "url(./img/sun.webp)"
}else if(101<=svg_icon&&svg_icon<104){
bobyEI.style.backgroundImage = "url(./img/yun.webp)"
}else if(104<=svg_icon&&svg_icon<150){
bobyEI.style.backgroundImage = "url(./img/yin.webp)"
}else if(150<=svg_icon&&svg_icon<300){
bobyEI.style.backgroundImage = "url(./img/night.webp)"
}else if(300<=svg_icon&&svg_icon<400){
bobyEI.style.backgroundImage = "url(./img/yu.webp)"
}else if(400<=svg_icon&&svg_icon<500){
bobyEI.style.backgroundImage = "url(./img/xue.webp)"
}else{
bobyEI.style.backgroundImage = "url(./img/yun.webp)"
}
}
// console.log("天气console")
searchWeatherfn()
//天气end
//翻译
var postMsg = async function(){
from = document.getElementById("inputLangSelect").value
to = document.getElementById("outLangSelect").value
var msgq = document.getElementById("inputLang").value
// 翻译api
salt = Math.random(1111111111,9999999999)
var str1 = appid + msgq + salt +key;
var sign = MD5(str1);
let httpUrl1 ="http://api.fanyi.baidu.com/api/trans/vip/translate?q="
+msgq+"&from="+from+"&to="+to+"&appid="+appid+"&salt="+salt+"&sign="+sign+""
let res1 = await fetch(httpUrl1)
let result1 = await res1.json()
let res2 = result1.trans_result[0].dst
document.getElementById("outPutRes").innerHTML=res2
}
var onInputChange = async function(){
//得到输入框中的内容
var msgq = document.getElementById("inputLang").value
// var msgq = $("#inputLang").val()
//自动检测语言类别
var LTypeSign = appid + msgq + salt + key
LTypeSign = MD5(LTypeSign)
let httpUrl1 ="https://fanyi-api.baidu.com/api/trans/vip/language?q="+msgq+"&salt="+salt+"&sign="+LTypeSign+"&appid="+appid+""
let res1 = await fetch(httpUrl1)
let result1 = await res1.json()
let res2 = result1.data.src
if(res2=='en'){
document.getElementById("LangType").innerHTML='英文'
}else if(res2=='zh'){
document.getElementById("LangType").innerHTML='简体中文'
}else{
document.getElementById("LangType").innerHTML=res
}
postMsg()
}
document.getElementById("inputLang").onchange = function(){
onInputChange()
}
document.getElementById("tranbtn").onclick = function(){
postMsg()
}
//翻译end
}