首选openweather免费版，因其api稳定、无需预审域名、支持cors；注意用英文城市名或经纬度查询，fetch需加catch处理错误，温度单位为开尔文需转换，图标url需动态拼接icon字段。
天气API选哪个？OpenWeather 和 WeatherAPI 的实际差异
直接用 OpenWeather 的免费版最稳妥，https://api.openweathermap.org/data/2.5/weather 返回结构清晰、字段稳定，且不需要预审域名或绑定信用卡。WeatherAPI 虽然文档友好，但免费层每小时请求上限低（100次），且 current.condition.text 这类嵌套路径在前端解析时容易因字段缺失报错。
关键判断点：appid 必须作为 URL 参数传，不能放请求头；城市名要用英文（如 q=Beijing），中文会 404；坐标查询更可靠，推荐用 lat/lon 参数避免拼写歧义。
怎么在纯 HTML 页面里发起请求？不用框架也能做
index.html 是静态文件，浏览器默认禁止跨域请求，但 OpenWeather 支持 CORS，所以可以直接用 fetch。别用 XMLHttpRequest——写法冗长还容易漏掉 response.json() 链式调用。
实操要点：
- 把
fetch写在<script></script>标签里，且放在
大量免费API接口：立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游，为数据API应用能力赋能！
