演示地址：http://www.songjiale.com/xcx/ip

下载地址：点击此处下载源码

IP 地址查询工具 – 开源版

简洁、轻量的 IP 地理位置信息查询工具，支持展示访问者的公网 IP、归属地、运营商等信息。

http://www.songjiale.com/xcx/ip/
在线体验地址：http://www.songjiale.com/xcx/ip/

📖 项目简介

本项目是一个完全开源的 IP 地址信息查询页面，用户打开网页即可自动获取当前设备的公网 IP 地址，并显示对应的地理位置（国家、省份、城市）、网络运营商（ISP）等信息。页面设计简洁、响应式，适配 PC 与移动端，非常适合作为个人工具箱、导航页或小程序内嵌页面。

代码结构清晰，无复杂依赖，你可轻松部署到任意静态服务器（如 Nginx、Apache、Vercel、GitHub Pages 等），也可自行修改样式或替换 IP 数据接口。

✨ 主要功能

• 🔍 自动获取公网 IP – 优先使用 WebRTC 或第三方 API 获取 IPv4/IPv6 地址

• 🗺️ 地理位置解析 – 展示国家、省份、城市、经纬度（依赖 IP 数据库或 API）

• 📡 运营商识别 – 显示中国电信、联通、移动或其他 ISP 信息

• 📱 移动端适配 – 使用 viewport 和弹性布局，手机浏览体验良好

• ⚡ 轻量快速 – 纯前端实现，首屏加载快，无额外图片/字体资源

• 🛠️ 开源可定制 – 基于 MIT 协议，你可以自由修改、二次发布

🧱 技术栈

🚀 本地运行与部署

1. 克隆仓库

git clone https://github.com/your-username/ip-query-tool.git cd ip-query-tool

2. 本地预览

使用任意静态服务器，例如：

# 使用 Python 3 python -m http.server 8080 # 或使用 npx npx serve .

然后访问 http://localhost:8080 即可看到页面。

3. 修改 IP 数据源（可选）

默认可能使用 ip-api.com 的非授权接口（限制 45 次/分钟）。如需更稳定或免 CORS 的方案，可修改 js/app.js 中的 API 地址。例如：

// 原接口（示例） const API_URL = 'http://ip-api.com/json/'; // 更改为其他接口，如 ip.sb const API_URL = 'https://api.ip.sb/geoip';

注意：部分免费接口需要处理跨域（CORS）或改用 JSONP，本项目推荐使用支持 CORS 的现代接口。

4. 部署到生产环境

• GitHub Pages：将仓库推送到 GitHub，开启 Pages 功能即可。

• Vercel：导入仓库，自动部署。

• 自己的服务器：将 index.html、css/、js/ 等文件上传至 Web 目录。

📂 目录结构

ip-query-tool/
├── index.html          # 主页面
├── css/
│   └── style.css       # 样式文件
├── js/
│   └── app.js          # 核心逻辑：获取 IP 并渲染
└── README.md           # 项目说明

🤝 贡献指南

欢迎提交 Issue 或 Pull Request 来改进本项目：

1. Fork 本仓库

2. 创建你的特性分支 (git checkout -b feature/amazing-feature)

3. 提交修改 (git commit -m 'Add some amazing feature')

4. 推送到分支 (git push origin feature/amazing-feature)

5. 打开 Pull Request

请确保代码风格简洁，并测试在主流浏览器（Chrome、Firefox、Safari、Edge）下的兼容性。

📄 开源协议

本项目基于 MIT 许可证 开源，你可以免费使用、修改、分发，甚至用于商业项目，但需保留原始版权声明。

🙏 致谢

• IP 数据来源：ip-api.com（非商业用途免费）

• 灵感来源：各类 IP 查询小工具

📧 联系方式

• 在线体验：http://www.songjiale.com/xcx/ip/

• 作者主页：http://www.songjiale.com

• 如有疑问或建议，欢迎提 Issue。