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 常量:

const SEARCH_URL = 'https://www.baidu.com/s?wd=';

License

MIT

S
Description
一个简单的浏览器扩展/网页工具,用于在浏览器中快速调用百度搜索选中的文本或输入的查询词。
Readme
28 KiB
Languages
CSS 45.6%
JavaScript 30.5%
HTML 23.9%