镜像自地址
https://github.com/lhly/search-syntax-pro.git
已同步 2026-10-20 06:17:47 +08:00
feat: 更新版本至1.6.2并优化权限配置
- 更新package.json和manifest.json版本号至1.6.2 - 将权限从'scripting'更改为'contextMenus'以支持右键菜单功能 - 精简host_permissions和content_scripts匹配域，移除不常用搜索引擎 - 添加悬浮按钮功能开关和相关代码结构（开发中） - 新增截图尺寸调整工具脚本，支持批量处理不同尺寸的图片
这个提交包含在：
Zain
父节点
c4a40cf90b
当前提交
1d4f719c6f
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ssp-smart-search-plugin",
|
||||
"version": "1.6.1",
|
||||
"version": "1.6.2",
|
||||
"description": "搜索语法可视化工具 - SearchSyntax Pro",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
|
||||
@ -1,23 +1,20 @@
|
||||
{
|
||||
"manifest_version": 3,
|
||||
"name": "__MSG_app_name__",
|
||||
"version": "1.6.1",
|
||||
"version": "1.6.2",
|
||||
"description": "__MSG_app_description__",
|
||||
"default_locale": "zh_CN",
|
||||
|
||||
"permissions": [
|
||||
"storage",
|
||||
"activeTab",
|
||||
"scripting",
|
||||
"contextMenus"
|
||||
],
|
||||
|
||||
"host_permissions": [
|
||||
"https://www.baidu.com/*",
|
||||
"https://www.google.com/*",
|
||||
"https://www.bing.com/*",
|
||||
"https://www.sogou.com/*",
|
||||
"https://www.so.com/*"
|
||||
"https://www.bing.com/*"
|
||||
],
|
||||
|
||||
"background": {
|
||||
@ -52,9 +49,7 @@
|
||||
"matches": [
|
||||
"https://www.baidu.com/*",
|
||||
"https://www.google.com/*",
|
||||
"https://www.bing.com/*",
|
||||
"https://www.sogou.com/*",
|
||||
"https://www.so.com/*"
|
||||
"https://www.bing.com/*"
|
||||
],
|
||||
"js": ["content.js"],
|
||||
"run_at": "document_end"
|
||||
|
||||
259
scripts/resize-screenshots.js
普通文件
259
scripts/resize-screenshots.js
普通文件
@ -0,0 +1,259 @@
|
||||
/**
|
||||
* 截图尺寸调整工具
|
||||
* 自动将截图调整到目标分辨率，添加透明背景填充
|
||||
*/
|
||||
|
||||
import sharp from 'sharp';
|
||||
import { fileURLToPath } from 'url';
|
||||
import { dirname, join } from 'path';
|
||||
import { existsSync, mkdirSync, readdirSync } from 'fs';
|
||||
|
||||
const __filename = fileURLToPath(import.meta.url);
|
||||
const __dirname = dirname(__filename);
|
||||
|
||||
// 预设的目标尺寸配置
|
||||
const PRESETS = {
|
||||
'screenshot': { width: 1280, height: 800, desc: '商店截图' },
|
||||
'screenshot-small': { width: 640, height: 400, desc: '小尺寸截图' },
|
||||
'logo': { width: 300, height: 300, desc: '扩展徽标' },
|
||||
'small-promo': { width: 440, height: 280, desc: '小促销磁贴' },
|
||||
'large-promo': { width: 1400, height: 560, desc: '大型促销磁贴' },
|
||||
};
|
||||
|
||||
/**
|
||||
* 调整图片尺寸并添加透明背景
|
||||
* @param {string} inputPath - 输入图片路径
|
||||
* @param {string} outputPath - 输出图片路径
|
||||
* @param {number} targetWidth - 目标宽度
|
||||
* @param {number} targetHeight - 目标高度
|
||||
* @param {string} position - 图片位置 (center, top, bottom, left, right)
|
||||
* @param {string} background - 背景颜色 (transparent, white, 或 hex 颜色)
|
||||
*/
|
||||
async function resizeWithPadding(inputPath, outputPath, targetWidth, targetHeight, position = 'center', background = 'transparent') {
|
||||
try {
|
||||
const image = sharp(inputPath);
|
||||
const metadata = await image.metadata();
|
||||
|
||||
console.log(`\n📷 处理图片: ${inputPath}`);
|
||||
console.log(` 原始尺寸: ${metadata.width}x${metadata.height}`);
|
||||
console.log(` 目标尺寸: ${targetWidth}x${targetHeight}`);
|
||||
|
||||
// 计算缩放比例（保持宽高比）
|
||||
const widthRatio = targetWidth / metadata.width;
|
||||
const heightRatio = targetHeight / metadata.height;
|
||||
const ratio = Math.min(widthRatio, heightRatio);
|
||||
|
||||
const resizedWidth = Math.round(metadata.width * ratio);
|
||||
const resizedHeight = Math.round(metadata.height * ratio);
|
||||
|
||||
console.log(` 缩放后: ${resizedWidth}x${resizedHeight}`);
|
||||
|
||||
// 计算填充位置
|
||||
let left = 0;
|
||||
let top = 0;
|
||||
|
||||
switch (position) {
|
||||
case 'center':
|
||||
left = Math.round((targetWidth - resizedWidth) / 2);
|
||||
top = Math.round((targetHeight - resizedHeight) / 2);
|
||||
break;
|
||||
case 'top':
|
||||
left = Math.round((targetWidth - resizedWidth) / 2);
|
||||
top = 0;
|
||||
break;
|
||||
case 'bottom':
|
||||
left = Math.round((targetWidth - resizedWidth) / 2);
|
||||
top = targetHeight - resizedHeight;
|
||||
break;
|
||||
case 'left':
|
||||
left = 0;
|
||||
top = Math.round((targetHeight - resizedHeight) / 2);
|
||||
break;
|
||||
case 'right':
|
||||
left = targetWidth - resizedWidth;
|
||||
top = Math.round((targetHeight - resizedHeight) / 2);
|
||||
break;
|
||||
}
|
||||
|
||||
// 处理背景颜色
|
||||
const bgColor = background === 'transparent'
|
||||
? { r: 0, g: 0, b: 0, alpha: 0 }
|
||||
: background === 'white'
|
||||
? { r: 255, g: 255, b: 255, alpha: 1 }
|
||||
: parseColor(background);
|
||||
|
||||
// 调整图片尺寸并添加背景
|
||||
await sharp(inputPath)
|
||||
.resize(resizedWidth, resizedHeight, {
|
||||
fit: 'contain',
|
||||
background: bgColor
|
||||
})
|
||||
.extend({
|
||||
top: top,
|
||||
bottom: targetHeight - resizedHeight - top,
|
||||
left: left,
|
||||
right: targetWidth - resizedWidth - left,
|
||||
background: bgColor
|
||||
})
|
||||
.png() // 使用 PNG 格式以支持透明背景
|
||||
.toFile(outputPath);
|
||||
|
||||
console.log(` ✅ 已保存: ${outputPath}`);
|
||||
console.log(` 填充位置: left=${left}, top=${top}`);
|
||||
|
||||
return { success: true, outputPath };
|
||||
} catch (error) {
|
||||
console.error(` ❌ 处理失败: ${error.message}`);
|
||||
return { success: false, error: error.message };
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 解析颜色字符串（支持 hex 格式）
|
||||
*/
|
||||
function parseColor(colorStr) {
|
||||
if (colorStr.startsWith('#')) {
|
||||
const hex = colorStr.slice(1);
|
||||
const r = parseInt(hex.slice(0, 2), 16);
|
||||
const g = parseInt(hex.slice(2, 4), 16);
|
||||
const b = parseInt(hex.slice(4, 6), 16);
|
||||
return { r, g, b, alpha: 1 };
|
||||
}
|
||||
return { r: 255, g: 255, b: 255, alpha: 1 };
|
||||
}
|
||||
|
||||
/**
|
||||
* 批量处理目录中的图片
|
||||
*/
|
||||
async function batchResize(inputDir, outputDir, preset, options = {}) {
|
||||
const { position = 'center', background = 'transparent' } = options;
|
||||
|
||||
if (!existsSync(inputDir)) {
|
||||
console.error(`❌ 输入目录不存在: ${inputDir}`);
|
||||
return;
|
||||
}
|
||||
|
||||
if (!existsSync(outputDir)) {
|
||||
mkdirSync(outputDir, { recursive: true });
|
||||
console.log(`📁 已创建输出目录: ${outputDir}`);
|
||||
}
|
||||
|
||||
const config = PRESETS[preset];
|
||||
if (!config) {
|
||||
console.error(`❌ 未知的预设: ${preset}`);
|
||||
console.log('可用预设:', Object.keys(PRESETS).join(', '));
|
||||
return;
|
||||
}
|
||||
|
||||
console.log(`\n🚀 开始批量处理 - ${config.desc}`);
|
||||
console.log(` 目标尺寸: ${config.width}x${config.height}`);
|
||||
console.log(` 图片位置: ${position}`);
|
||||
console.log(` 背景: ${background}`);
|
||||
|
||||
const files = readdirSync(inputDir).filter(file =>
|
||||
/\.(png|jpg|jpeg|webp)$/i.test(file)
|
||||
);
|
||||
|
||||
if (files.length === 0) {
|
||||
console.log('⚠️ 未找到图片文件');
|
||||
return;
|
||||
}
|
||||
|
||||
console.log(` 找到 ${files.length} 个图片文件`);
|
||||
|
||||
const results = [];
|
||||
for (const file of files) {
|
||||
const inputPath = join(inputDir, file);
|
||||
const outputPath = join(outputDir, file.replace(/\.(jpg|jpeg|webp)$/i, '.png'));
|
||||
|
||||
const result = await resizeWithPadding(
|
||||
inputPath,
|
||||
outputPath,
|
||||
config.width,
|
||||
config.height,
|
||||
position,
|
||||
background
|
||||
);
|
||||
|
||||
results.push({ file, ...result });
|
||||
}
|
||||
|
||||
// 统计结果
|
||||
const successCount = results.filter(r => r.success).length;
|
||||
const failCount = results.filter(r => !r.success).length;
|
||||
|
||||
console.log('\n📊 处理完成:');
|
||||
console.log(` ✅ 成功: ${successCount}`);
|
||||
if (failCount > 0) {
|
||||
console.log(` ❌ 失败: ${failCount}`);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 命令行接口
|
||||
*/
|
||||
async function main() {
|
||||
const args = process.argv.slice(2);
|
||||
|
||||
if (args.length === 0) {
|
||||
console.log(`
|
||||
📐 截图尺寸调整工具
|
||||
===================
|
||||
|
||||
用法:
|
||||
node scripts/resize-screenshots.js <preset> <input-dir> [output-dir] [options]
|
||||
|
||||
预设尺寸:
|
||||
screenshot 1280x800 商店截图（推荐）
|
||||
screenshot-small 640x400 小尺寸截图
|
||||
logo 300x300 扩展徽标（正方形）
|
||||
small-promo 440x280 小促销磁贴
|
||||
large-promo 1400x560 大型促销磁贴
|
||||
|
||||
选项:
|
||||
--position=<pos> 图片位置: center, top, bottom, left, right (默认: center)
|
||||
--background=<color> 背景颜色: transparent, white, #RRGGBB (默认: transparent)
|
||||
|
||||
示例:
|
||||
# 处理截图，居中显示，透明背景
|
||||
node scripts/resize-screenshots.js screenshot ./screenshots ./output
|
||||
|
||||
# 处理 logo，白色背景
|
||||
node scripts/resize-screenshots.js logo ./icons ./output --background=white
|
||||
|
||||
# 处理促销图，顶部对齐
|
||||
node scripts/resize-screenshots.js small-promo ./images ./output --position=top
|
||||
|
||||
快速使用:
|
||||
1. 将原始截图放到 screenshots/ 目录
|
||||
2. 运行: node scripts/resize-screenshots.js screenshot ./screenshots ./screenshots-processed
|
||||
3. 在 screenshots-processed/ 目录获取处理后的图片
|
||||
`);
|
||||
return;
|
||||
}
|
||||
|
||||
const preset = args[0];
|
||||
const inputDir = args[1] || './screenshots';
|
||||
const outputDir = args[2] || './screenshots-processed';
|
||||
|
||||
// 解析选项
|
||||
const options = {};
|
||||
args.slice(3).forEach(arg => {
|
||||
if (arg.startsWith('--position=')) {
|
||||
options.position = arg.split('=')[1];
|
||||
}
|
||||
if (arg.startsWith('--background=')) {
|
||||
options.background = arg.split('=')[1];
|
||||
}
|
||||
});
|
||||
|
||||
await batchResize(inputDir, outputDir, preset, options);
|
||||
}
|
||||
|
||||
// 导出函数供其他脚本使用
|
||||
export { resizeWithPadding, batchResize, PRESETS };
|
||||
|
||||
// 命令行执行
|
||||
if (import.meta.url === `file://${process.argv[1]}`) {
|
||||
main().catch(console.error);
|
||||
}
|
||||
@ -1,13 +1,18 @@
|
||||
// Content Script for SearchSyntax Pro Chrome Extension
|
||||
|
||||
// ========== 功能开关配置 ==========
|
||||
// 注意：这些开关控制实验性功能的启用状态
|
||||
const FEATURE_FLAGS = {
|
||||
// 悬浮按钮功能开关（开发中，未来版本启用）
|
||||
enableFloatingButton: false
|
||||
}
|
||||
|
||||
// 检查是否在搜索引擎页面
|
||||
function isSearchEnginePage(): boolean {
|
||||
const searchEngines = [
|
||||
'www.baidu.com',
|
||||
'www.google.com',
|
||||
'www.bing.com',
|
||||
'www.sogou.com',
|
||||
'www.so.com'
|
||||
'www.bing.com'
|
||||
]
|
||||
|
||||
return searchEngines.some(engine =>
|
||||
@ -16,6 +21,8 @@ function isSearchEnginePage(): boolean {
|
||||
}
|
||||
|
||||
// 在搜索引擎页面注入功能
|
||||
// TODO: 此功能为未来版本规划，当前通过FEATURE_FLAGS.enableFloatingButton控制
|
||||
// 计划功能：在搜索引擎页面添加悬浮按钮，提供快速访问入口
|
||||
function injectSearchFeatures() {
|
||||
// 创建悬浮按钮
|
||||
const floatingButton = document.createElement('div')
|
||||
@ -217,13 +224,16 @@ function highlightSearchSyntax() {
|
||||
// 初始化content script
|
||||
function init() {
|
||||
console.log('SearchSyntax Pro Content Script 已加载')
|
||||
|
||||
|
||||
if (isSearchEnginePage()) {
|
||||
console.log('检测到搜索引擎页面，注入功能')
|
||||
|
||||
|
||||
// 延迟注入，确保页面加载完成
|
||||
setTimeout(() => {
|
||||
injectSearchFeatures()
|
||||
// 根据功能开关决定是否注入悬浮按钮
|
||||
if (FEATURE_FLAGS.enableFloatingButton) {
|
||||
injectSearchFeatures()
|
||||
}
|
||||
analyzeSearchQuery()
|
||||
}, 1000)
|
||||
}
|
||||
|
||||
@ -504,6 +504,25 @@ function OptionsContent({
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* 悬浮按钮功能（开发中） */}
|
||||
<div className="flex items-center justify-between opacity-50">
|
||||
<div>
|
||||
<label htmlFor="enableFloatingButton" className="text-sm font-medium text-gray-700 dark:text-gray-300">
|
||||
启用悬浮按钮 (开发中)
|
||||
</label>
|
||||
<p className="text-xs text-gray-500 dark:text-gray-400">
|
||||
此功能正在开发中，将在未来版本启用
|
||||
</p>
|
||||
</div>
|
||||
<input
|
||||
id="enableFloatingButton"
|
||||
type="checkbox"
|
||||
checked={false}
|
||||
disabled
|
||||
className="h-4 w-4 text-gray-400 border-gray-300 rounded cursor-not-allowed"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* 历史记录限制 */}
|
||||
<div>
|
||||
<label htmlFor="historyLimit" className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||
|
||||
@ -174,13 +174,13 @@ describe('安全性测试', () => {
|
||||
const requiredPermissions = [
|
||||
'storage',
|
||||
'activeTab',
|
||||
'scripting'
|
||||
'contextMenus'
|
||||
]
|
||||
|
||||
const actualPermissions = [
|
||||
'storage',
|
||||
'activeTab',
|
||||
'scripting'
|
||||
'contextMenus'
|
||||
]
|
||||
|
||||
// 验证权限列表匹配
|
||||
|
||||
正在加载...
在新工单中引用
屏蔽一个用户