BenRogersWPG/WebSearch

GitHub: BenRogersWPG/WebSearch

一个 Visual Studio Code 扩展,允许用户使用可配置的搜索引擎快速查找代码或技术信息,提升开发效率。

Stars: 18 | Forks: 1

# 网络搜索 🔎 此扩展允许您在您喜爱的搜索引擎或网站(可在扩展设置中编辑)中进行网络搜索,输入可以来自选中的文本或直接在扩展的搜索栏中输入。 ![演示扩展自动完成搜索栏的动画,显示输入搜索查询时的建议,"typescript en" 自动补全为 "typescript enum to array" 并在 Stack Overflow 上打开](https://static.pigsec.cn/wp-content/uploads/repos/2026/05/017ce702aa044752.gif) ## 功能 ✨ - 在扩展设置中添加多个搜索引擎,并在执行搜索时从中选择 - 在您输入时使用 Google 自动完成功能建议搜索查询 - 易于使用和配置 - 可在 Visual Studio Code for the Web (vscode.dev) 上运行 - 执行快速搜索的键盘快捷键 Alt+` - 使用搜索栏直接输入搜索词(如果未选中文本,会提示输入) - 非常适合测试 SEO 和网络开发项目 - 简洁明了的命令面板和上下文菜单条目 - 帮助您入门的使用指南 - 用于自定义默认搜索引擎的 JSON 代码片段 - 完全控制扩展的信息和警告通知消息 - 允许在使用选中文本执行搜索时追加自己的查询选项 - **新增** 保持搜索栏打开(即使失去焦点)的选项 - 大量扩展设置供您自定义(可以选择任何具有搜索功能的网站) ![通过扩展设置向 Web Search 扩展添加新搜索引擎,然后使用新搜索引擎执行搜索的动画](https://static.pigsec.cn/wp-content/uploads/repos/2026/05/00f1e1df79044753.gif) ## 如何使用 👇 *此扩展附带使用指南。用它来学习如何使用扩展。*(从命令面板运行 `Get Started: Open Walkthrough`)* 您可以通过多种不同方式使用此扩展: ### 通过上下文菜单 🖱️ 1. 选择代码中要搜索的文本 2. 右键单击并从下拉菜单中选择 "Web Search selected text" 3. 选择您想使用的搜索引擎(在扩展设置中添加更多) ### 通过搜索栏 🔎︎ 1. 使用键盘快捷键 Alt+` 或命令面板中的 *Web Search* 条目 2. 在搜索栏中输入您想搜索的搜索词 3. 选择您想使用的搜索引擎(在扩展设置中添加更多) ### 通过键盘快捷键 ⌨️ 1. 选择代码中要搜索的文本 2. 使用键盘快捷键 Alt+\`(在 *Linux* 上为 Alt+s) 3. 选择您想使用的搜索引擎(在扩展设置中添加更多) ### 通过命令面板 ☰ 1. 选择代码中要搜索的文本 2. 打开命令面板并从下拉菜单中选择 "Web Search" 项 3. 选择您想使用的搜索引擎(在扩展设置中添加更多) ![网络搜索子菜单的截图,显示搜索选中文本的各种选项 - 所有这些都可以编辑或添加您自己的](https://static.pigsec.cn/wp-content/uploads/repos/2026/05/f6ae398790044754.webp) ## 扩展设置 ⚙️ ### `webSearch.searchEngines` 用于 Web Search 扩展的搜索引擎。将查询替换为 `%s`,例如 `https://www.google.com/search?q=%s`,方式与您在 Chrome 设置中添加额外搜索引擎时相同。 使用扩展设置通过按下 **Add Item** 按钮(如下所示)轻松管理搜索引擎。 ![扩展的自定义搜索引擎设置截图,模仿 Google Chrome 的搜索引擎设置,允许您通过添加/删除/编辑条目来自定义您的体验。截图显示列表中输入了多个搜索引擎,并且底部有一个标记为 'Add Item' 的大蓝色按钮](https://static.pigsec.cn/wp-content/uploads/repos/2026/05/0466ad590f044755.webp) #### 如何获取您自己的搜索引擎 URL: 1. 访问您希望使用的网站并找到网站的搜索栏 2. 搜索一些独特的内容,例如 `potato`,以便稍后获取 URL。按 *Enter* 3. 转到地址栏,将单词 `potato` 替换为 `%s`,然后复制完整 URL 并将其粘贴到设置的 **Value** 字段中 #### 搜索引擎示例 想要在 Claude (Anthropic) 上搜索选中的代码? * *设置为 `https://claude.ai/new?q=%s`* 想要在 GitHub 上搜索选中的代码? * *设置为 `https://github.com/search?q=%s`* 想要在 Microsoft Docs 上搜索选中的代码定义? * *设置为 `https://docs.microsoft.com/en-us/search/?terms=%s&category=Reference&scope=.NET`* 想要在 Google 的 PageSpeed Insights 上运行选中的 URL 进行搜索引擎优化测试? * *设置为 `https://pagespeed.web.dev/report?url=%s`* ### `webSearch.enableContextMenu` 允许用户启用或禁用右键单击上下文菜单。设置为 `true` 启用,`false` 禁用。 ![截图显示 VS Code 文本编辑器中的一堆代码,其中选中了 'node' 文本,旁边有一个上下文菜单,其中高亮显示了 'web search selected text' 文本](https://static.pigsec.cn/wp-content/uploads/repos/2026/05/b4b3e58a9c044755.webp) ### `webSearch.allowManualSearch` 当未选择任何文本时,允许扩展运行,提示用户手动输入搜索查询。设置为 `true` 启用,`false` 禁用。 ### `webSearch.defaultSearchEngines` 用于 Web Search 扩展的默认搜索引擎 - 本质上是演示模式(*扩展的使用指南将帮助您完成此操作*)。如果您想使用自己的,请禁用新的复选框 `webSearch.useDefaultSearchEnginesList` ### `webSearch.useDefaultSearchEnginesList` 允许 Web Search 扩展使用默认值。禁用此选项将优先使用您在 `webSearch.searchEngines` 中输入的自定义搜索引擎列表。 ### `webSearch.messageLevels` 允许用户控制扩展的消息输出级别。 ### `webSearch.allowSuggestions` ### `webSearch.addToSelectedText` 当使用带有选中文本的扩展时,此设置将允许您在执行搜索前详细说明选中的文本。如果启用此设置,搜索栏将提示您追加额外内容到查询末尾。 ### `webSearch.keepSearchBarOpen` 使用扩展时,此设置将保持扩展处于活动状态(持久),即使搜索栏或搜索引擎选择下拉菜单失去焦点也是如此。如果您希望复制代码的多个部分进行搜索,或者参考不同的部分,这会很有用。*设置为 true 以启用。* ## 未来开发想法和待办事项 📝 - 如果选中的文本是 URL,则直接打开或通过 PageSpeed Insights 运行 - 添加新设置,允许在站点列表上自定义搜索图标,或关闭图标 - 检查代码的性能分析以寻找潜在的优化 - 添加设置以允许搜索结果屏幕也保持持久 - 将部分 OpenAI ChatGPT 的 API 整合到扩展中 - 将 `webSearch.addToSelectedText` 添加到扩展的使用指南中? - 将 `webSearch.keepSearchBarOpen` 添加到扩展的使用指南中? - 添加从终端中选中的文本运行扩展的功能 - 支持更多自动完成搜索引擎来源 - 编码一个新设置来控制用户定义的搜索动词 - 将扩展翻译成其他语言 - 在侧边栏(webview)中打开搜索结果 ## 已完成的待办事项 ✔️ - ~~重新组织 UI 设置子类别,新增一个专门用于搜索功能的子类别~~ - ~~在直接搜索时(仅 1 个搜索引擎)显示信息消息,邀请用户添加更多~~ - ~~向扩展添加第二个命令 "Web Search",因为并非所有搜索都是针对选中文本的~~ - ~~将保持搜索栏在失去焦点时持续打开的新设置从测试版转为正式版~~ - ~~将搜索引擎设置转换为数组,允许使用多个搜索引擎~~ - ~~使扩展能在所有 UI 元素上运行(目前仅在文本编辑器 UI 上有效)~~ - ~~检查 package.json 中的 when 子句,因为 VS Code v1.76 中提到了即将进行的更改~~ - ~~尝试将新的 `WebSearch.webSearch` 命令设为 Linux 上的默认键命令~~ - ~~在 QuickPick 菜单中添加图标并在搜索引擎子菜单中显示~~ - ~~如果设置中只有一个搜索引擎,则仅使用一个(无子菜单)~~ - ~~向函数添加子菜单并允许从多个网站搜索~~ - ~~如果用户添加了没有查询的搜索引擎,则显示消息~~ - ~~如果未选择文本,运行扩展将提示输入要搜索的文本~~ - ~~将使用指南中的搜索栏步骤图像替换为显示自动完成的图像~~ - ~~添加选项,在执行搜索时向选中的文本添加手动文本~~ - ~~逐步淘汰旧的 webSearch.searchEngine 设置(使用 deprecationMessage)~~ - ~~将搜索栏的截图替换为新的 Google 建议产品~~ - ~~对搜索引擎设置使用 JSON 模式限制以验证 URL~~ - ~~添加新设置,保持搜索栏在失去焦点后保持打开~~ - ~~将允许详细说明选中文本的新设置从测试版转为正式版~~ - ~~重新设计扩展设置,以便更好地删除/编辑条目~~ - ~~添加设置切换,以在关闭子菜单时启用/禁用搜索~~ - ~~在 QuickPick URL 中显示搜索查询(也许,可能太长)~~ - ~~添加新扩展设置搜索引擎管理器的截图~~ - ~~删除重复的发布说明并在更新日志中整合~~ - ~~编写获取搜索引擎 URL 的分步指南~~ - ~~使用本机浏览器打开以防止外部 URL 提示~~ - ~~添加设置以禁用搜索时的信息消息~~ - ~~允许在设置中设置首选的默认搜索引擎~~ - ~~确保键盘快捷键在所有操作系统上正常工作~~ - ~~编辑 QuickPick 详细信息,或允许用户编写自己的详细信息~~ - ~~确保扩展使用新的 LogOutputChannel API~~ - ~~调查将自动完成引擎添加到手动输入~~ - ~~将命令合并为一个命令面板条目~~ - ~~将 `webSearch.messageLevels` 步骤添加到使用指南中~~ - ~~更新扩展图标和/或添加更多设备尺寸~~ - ~~添加扩展设置以切换右键菜单~~ - ~~在命令面板中显示搜索引擎名称~~ - ~~为扩展添加更多默认搜索引擎~~ - ~~决定更新大括号格式首选项~~ - ~~添加 GIF 动画以展示扩展的工作原理~~ - ~~使扩展能在 VS Code for the web 上运行~~ - ~~通过减少依赖项来简化扩展~~ - ~~添加更多 GIF 来演示扩展用法~~ - ~~添加代码依赖项更改的监控器~~ - ~~强制搜索引擎以 http* 开头~~ - ~~更新搜索栏使用指南截图~~ - ~~如果未选择搜索引擎,则不执行任何操作~~ - ~~添加键盘快捷键以执行搜索~~ - ~~添加更多扩展用法的截图~~ - ~~如果未提供查询,则使用默认查询~~ - ~~改进搜索 URL 检查的验证~~ - ~~添加新设置的截图~~ - ~~将图像移动到整合的文件夹~~ - ~~向使用指南添加自动完成~~ - ~~执行额外的代码清理~~ - ~~执行更多代码重构~~ - ~~将自动完成从测试版转为正式版~~ - ~~向项目添加许可证~~ - ~~修复单元测试系统~~ - ~~编写更多测试~~ ![Web Search 在代码片段上用于选中文本 'axios' 的示例截图,还显示了从 Google 运行扩展的搜索结果页面](https://static.pigsec.cn/wp-content/uploads/repos/2026/05/d1d757588c044756.webp) ## 等待 API 更新 ⌛ - 从扩展设置添加链接,提及其他设置而不影响使用指南按钮链接 - 从命令面板条目标题中删除 "selected text",而不添加新命令 - 向右键菜单添加动态子上下文菜单,包含所有搜索引擎 - 在设置描述中使用变量,以便键盘快捷键是动态的 - 使用选中文本时,将光标移到搜索栏末尾 - 向 quickpick 项目添加工具提示(在 VS Code v1.76 中注意到) ## 要求 📦 - 在任何操作系统上运行的 Visual Studio Code 或 Visual Studio Code for the Web - 适用于 Visual Studio Code 1.118.0 或更高版本(更新版本) ## 已知问题 🐛 ## 发布说明 🆕 参见 [更新日志](https://github.com/BenRogersWPG/WebSearch/blob/master/CHANGELOG.md) 文件。 ## 软件详情 💿 * **作者:** Ben Rogers * **发布日期:** 4/19/2022, 10:10:14 AM * **发布者:** Ben Rogers * **软件版本:** 6.14.6 * **最后更新:** 05/10/2026, 12:07:00 PM * **平均评分:** 5.0 * **评分数量:** 1 * **类别:** DeveloperApplication * **唯一标识符:** BenRogersWPG.websearchengine * **安装 URL:** [https://marketplace.visualstudio.com/items?itemName=BenRogersWPG.websearchengine](https://marketplace.visualstudio.com/items?itemName=BenRogersWPG.websearchengine) * **项目 URL:** [https://github.com/BenRogersWPG/WebSearch](https://github.com/BenRogersWPG/WebSearch) * [![市场评分](https://img.shields.io/badge/dynamic/regex?url=https%3A%2F%2Fraw.githubusercontent.com%2FBenRogersWPG%2FWebSearch%2Fmaster%2FREADME.md&search=Average%20Rating%3A%5C*%5C*%20(%5B%5Cd.%5D%2B)&replace=%241&label=Marketplace%20rating)](https://marketplace.visualstudio.com/items?itemName=BenRogersWPG.websearchengine&ssr=false#review-details) * [![代码检查](https://img.shields.io/github/check-runs/BenRogersWPG/WebSearch/master)](https://github.com/BenRogersWPG/WebSearch)