坐标获取Chrome插件

一个简洁的Chrome浏览器插件，在页面右上角实时显示鼠标坐标位置。

功能特性

• 🎯 实时坐标显示 - 页面上实时显示当前鼠标的视窗坐标位置
• 🖱️ 可拖动定位 - 坐标显示器可自由拖动，避免遮挡内容
• 📺 多分辨率支持 - 支持1080p、2K、4K屏幕分辨率坐标转换
• 🔧 一键开关 - 通过插件图标快速开启/关闭显示
• 💾 状态记忆 - 全局保存设置和位置，新页面自动应用
• ⚖️ 智能转换 - 将高分辨率屏幕坐标转换为1080p服务器对应坐标

安装方法

1. 打开Chrome浏览器，进入 chrome://extensions/
2. 开启右上角的"开发者模式"
3. 点击"加载已解压的扩展程序"
4. 选择插件文件夹

使用方法

1. 点击浏览器工具栏中的插件图标
2. 选择当前屏幕分辨率（1080p/2K/4K）
3. 点击"开启实时坐标显示"按钮
4. 在页面上查看实时鼠标坐标显示器
5. 坐标会根据选择的分辨率自动转换显示
6. 拖动坐标显示器到合适位置，避免遮挡重要内容
7. 双击坐标显示器可重置到默认位置
8. 再次点击按钮可关闭显示

💡 提示： 本地调试时建议隐藏书签栏并全屏显示窗口以获得准确坐标。

分辨率转换

插件支持将高分辨率屏幕坐标转换为1080p服务器坐标：

• 1080p屏幕 (1920x1080) - 无需转换，直接显示原始坐标
• 2K屏幕 (2560x1440) - 转换到1080p，缩放比例 0.75x
• 4K屏幕 (3840x2160) - 转换到1080p，缩放比例 0.5x

使用场景： 在高分辨率屏幕上获取坐标，直接用于1080p服务器环境的自动化测试和UI定位。

坐标类型说明

插件现在显示的是 视窗坐标（clientX, clientY），即相对于浏览器可视区域的坐标：

• ✅ 优点：不包含页面滚动距离，更适合UI元素定位
• ✅ 适用场景：自动化测试、元素点击、界面交互
• 📊 坐标范围：X: 0窗口宽度，Y: 0窗口高度

技术实现

• Chrome Extension Manifest V3
• JavaScript 实现坐标追踪
• Chrome Storage API 状态管理