feat(M2.1): 文本选择检测 (v0.1.1)
- 创建 src/content/selection.js 文本选择检测模块 - 创建 src/content/logger.js 日志工具 - 监听 mouseup 事件获取选中文本 - 选中文本 > 0 时输出到 Console
This commit is contained in:
parent
23a0e55979
commit
d5639d2399
@ -7,7 +7,7 @@
|
|||||||
## 版本速查
|
## 版本速查
|
||||||
|
|
||||||
### 当前版本
|
### 当前版本
|
||||||
`0.0.5` → 下一目标 `0.1.1` ([M2.1](./M2.md))
|
`0.1.1` → 下一目标 `0.1.2` ([M2.2](./M2.md))
|
||||||
|
|
||||||
### 模块版本范围
|
### 模块版本范围
|
||||||
|
|
||||||
|
|||||||
@ -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)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
@ -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 | 图标定位显示 | ⬜ | - |
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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
20
src/content/logger.js
Normal 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
59
src/content/selection.js
Normal 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');
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user