天气和翻译代码

2025-10-09 01:05:14 +08:00 · 2022-02-06 14:18:26 +08:00
parent 4f2a2acf81
commit 46ab3a7073
277 changed files with 1274 additions and 14680 deletions
--- a/packages/shell-chrome/js/popup.js
+++ b/packages/shell-chrome/js/popup.js
@@ -0,0 +1,130 @@
+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   
+
+
+}