feat(M2.1): 文本选择检测 (v0.1.1)

- 创建 src/content/selection.js 文本选择检测模块
- 创建 src/content/logger.js 日志工具
- 监听 mouseup 事件获取选中文本
- 选中文本 > 0 时输出到 Console
This commit is contained in:
李岩岩 2026-02-10 10:19:14 +08:00
parent 23a0e55979
commit d5639d2399
8 changed files with 98 additions and 16 deletions

View File

@ -7,7 +7,7 @@
## 版本速查 ## 版本速查
### 当前版本 ### 当前版本
`0.0.5` → 下一目标 `0.1.1` ([M2.1](./M2.md)) `0.1.1` → 下一目标 `0.1.2` ([M2.2](./M2.md))
### 模块版本范围 ### 模块版本范围

View File

@ -65,9 +65,9 @@ M11.10完成 → 1.0.0 (正式发布)
## 当前状态 ## 当前状态
**当前版本**: `0.0.5` **当前版本**: `0.1.1`
**当前进度**: 5/97 (5%) **当前进度**: 6/97 (6%)
**下一任务**: [M2.1 文本选择检测](./M2.md#m21-文本选择检测--目标版本-011) **下一任务**: [M2.2 获取选中文本坐标](./M2.md#m22-获取选中文本坐标--目标版本-0112)
--- ---

View File

@ -29,7 +29,7 @@
| 任务 | 版本 | 描述 | 状态 | 日期 | | 任务 | 版本 | 描述 | 状态 | 日期 |
|------|------|------|------|------| |------|------|------|------|------|
| M2.1 | 0.1.1 | 文本选择检测 | ⬜ | - | | M2.1 | 0.1.1 | 文本选择检测 | ✅ | 2026-02-09 |
| M2.2 | 0.1.2 | 获取选中文本坐标 | ⬜ | - | | M2.2 | 0.1.2 | 获取选中文本坐标 | ⬜ | - |
| M2.3 | 0.1.3 | 沙拉图标组件 | ⬜ | - | | M2.3 | 0.1.3 | 沙拉图标组件 | ⬜ | - |
| M2.4 | 0.1.4 | 图标定位显示 | ⬜ | - | | M2.4 | 0.1.4 | 图标定位显示 | ⬜ | - |

View File

@ -1,7 +1,7 @@
{ {
"manifest_version": 3, "manifest_version": 3,
"name": "沙拉查词", "name": "沙拉查词",
"version": "0.0.5", "version": "0.1.1",
"description": "聚合词典划词翻译", "description": "聚合词典划词翻译",
"permissions": [ "permissions": [
"storage", "storage",

View File

@ -1,6 +1,6 @@
{ {
"name": "salad-dict", "name": "salad-dict",
"version": "0.0.5", "version": "0.1.1",
"description": "聚合词典划词翻译", "description": "聚合词典划词翻译",
"private": true, "private": true,
"type": "module", "type": "module",

View File

@ -1,31 +1,34 @@
// Content Script // Content Script
import { messaging, ping } from '../shared/messaging.js'; import { messaging, ping } from '../shared/messaging.js';
import { initSelectionListener } from './selection.js';
import { logger } from './logger.js';
console.log('[SaladDict] Content script loaded'); logger.info('Content script loaded');
// 初始化文本选择监听
initSelectionListener();
// Ping 测试 - 验证通信链路 // Ping 测试 - 验证通信链路
async function testCommunication() { async function testCommunication() {
console.log('[SaladDict] Testing communication...'); logger.info('Testing communication...');
// 测试 1: 简单 Ping
const pingResult = await ping(); const pingResult = await ping();
console.log('[SaladDict] Ping test:', pingResult ? 'OK' : 'Failed'); logger.info('Ping test:', pingResult ? 'OK' : 'Failed');
// 测试 2: Echo 消息
try { try {
const echoResult = await messaging.sendToBackground('ECHO', { message: 'Hello from content' }); const echoResult = await messaging.sendToBackground('ECHO', { message: 'Hello from content' });
console.log('[SaladDict] Echo test:', echoResult); logger.info('Echo test:', echoResult);
} catch (error) { } catch (error) {
console.error('[SaladDict] Echo test failed:', error.message); logger.error('Echo test failed:', error.message);
} }
} }
// 延迟执行测试,确保 background 已就绪 // 延迟执行测试
setTimeout(testCommunication, 1000); setTimeout(testCommunication, 1000);
// 监听来自 Background 的消息 // 监听来自 Background 的消息
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => { chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
console.log('[SaladDict] Content received message:', message); logger.info('Content received message:', message);
sendResponse({ received: true }); sendResponse({ received: true });
return true; return true;
}); });

20
src/content/logger.js Normal file
View File

@ -0,0 +1,20 @@
/**
* @file Content Script 日志工具
*/
const NAMESPACE = '[SaladDict]';
export const logger = {
debug(...args) {
console.debug(NAMESPACE, ...args);
},
info(...args) {
console.info(NAMESPACE, ...args);
},
warn(...args) {
console.warn(NAMESPACE, ...args);
},
error(...args) {
console.error(NAMESPACE, ...args);
}
};

59
src/content/selection.js Normal file
View File

@ -0,0 +1,59 @@
/**
* @file 文本选择检测
* @description 监听网页文本选择事件
*/
import { logger } from './logger.js';
/**
* 获取当前选中的文本
* @returns {string} 选中的文本
*/
export function getSelectedText() {
const selection = window.getSelection();
return selection ? selection.toString().trim() : '';
}
/**
* 检查是否有有效文本被选中
* @returns {boolean}
*/
export function hasSelection() {
const text = getSelectedText();
return text.length > 0;
}
/**
* 处理鼠标抬起事件
* @param {MouseEvent} event
*/
function handleMouseUp(event) {
// 延迟执行,等待选区完成
setTimeout(() => {
const selectedText = getSelectedText();
if (selectedText.length > 0) {
logger.info('Text selected:', selectedText);
console.log('[SaladDict] Selected text:', selectedText);
}
}, 10);
}
/**
* 初始化文本选择监听
*/
export function initSelectionListener() {
logger.info('Initializing selection listener');
document.addEventListener('mouseup', handleMouseUp);
logger.info('Selection listener initialized');
}
/**
* 销毁文本选择监听
*/
export function destroySelectionListener() {
document.removeEventListener('mouseup', handleMouseUp);
logger.info('Selection listener destroyed');
}