AI 生成: 一个简单的浏览器扩展/网页工具,用于在浏览器中快速调用百度搜索选中的文本或输入的查询词。

This commit is contained in:
admin
2026-10-01 20:15:27 +08:00
commit 54783623d3
4 changed files with 360 additions and 0 deletions
+57
View File
@@ -0,0 +1,57 @@
# Browser Baidu Search
一个简洁实用的浏览器工具,用于快速调用百度搜索。
## 功能特性
- 🔍 快速搜索:输入关键词后点击按钮或按回车即可跳转到百度搜索结果页
- 📝 选中文本搜索:在页面上选中文本后,点击扩展图标即可自动填入搜索框
- 🎨 简洁界面:现代化 UI 设计,支持深色模式
- ⚡ 零依赖:纯 HTML/CSS/JS 实现,无需构建工具
## 项目结构
```
browser-baidu-search/
├── index.html # 主页面
├── css/
│ └── style.css # 样式文件
├── js/
│ └── main.js # 核心逻辑
└── README.md # 说明文档
```
## 使用方法
### 方式一:直接打开网页
1. 下载本项目到本地
2. 双击 `index.html` 在浏览器中打开
3. 在输入框中输入关键词,点击「百度一下」按钮或按回车键
4. 浏览器将跳转到百度搜索结果页
### 方式二:作为浏览器扩展(Chrome/Edge)
1. 打开浏览器扩展管理页面(chrome://extensions/)
2. 开启「开发者模式」
3. 点击「加载已解压的扩展程序」,选择本项目目录
4. 在任意网页选中文本,点击扩展图标即可快速搜索
## 技术说明
- 使用 `window.open()` 打开百度搜索页面
- 使用 URL 编码 `encodeURIComponent()` 处理中文关键词
- 支持键盘快捷键(Enter 键)
- 响应式布局,适配移动端
## 自定义
如需修改搜索引擎,编辑 `js/main.js` 中的 `SEARCH_URL` 常量:
```javascript
const SEARCH_URL = 'https://www.baidu.com/s?wd=';
```
## License
MIT