2020年7月1日

调用中国天气网天气不用js 最精准有效的方式


网页调用天气是个麻烦的事情,需要判断当前地区的id,然后在知道地区的情况下 再去调用所在地区的天气, 一般需要js ajax获取 接口数据,而提供接口数据的网站 比如新浪、腾讯等等,接口地址又多变,总之就很麻烦。

不过下面这个方法不依赖js,不依赖api,而且精准无误。

主要得益于中国天气网的网页插件

https://cj.weather.com.cn/

代码片段


<div id="weather-view-he">天气加载中...</div>
<script>
WIDGET = {ID: 'ohiX7EjqCv'};
</script>
<script type="text/javascript" src="https://apip.weatherdt.com/view/static/js/r.js?v=1111"></script>
<style>
#weather-view-he{
background: none !important;
width: auto !important;
height: auto !important;
border: none !important;
}
#weather-view-he div{ display: inline-block ; width: auto ; }
.wv-v-h-location{ padding: 0 !important; float: left !important;}
.wv-lt-col-7{ width: auto !important;}
.wv-v-h-col-left{ width: auto !important;}
.wv-n-h-col-10 { width: auto !important;}
.wv-n-h-col-12[data-v-91ef9470]{ display: none !important;}
div.wv-n-h-now-img>img[data-v-91ef9470]{ width: 20px !important; margin: 0 !important; position: relative; top: 3px;}
.wv-v-h-copyright{ display: none !important;}
.wv-n-h-now-tmp[data-v-91ef9470]{ font-size: 14px !important; font-weight: bold;}
</style>

本文由专业的WEB前端外包公司-切图网原创,转载请保留版权( WEB前端开发外包www.qietu.com切图网始于2007年,提供高品质的前端开发服务、前端外包、切图外包。欢迎来电咨询!热线:027-81777732、13343477732