如何将Chrome右键‘Search Google for xxx’选项改造为移动端样式？

嘿，我来帮你搞定这个需求！要把Chrome右键里的「Search Google for xxx」改成移动端样式的搜索入口，最靠谱的方式就是做一个简单的Chrome扩展——毕竟Chrome的右键菜单是靠扩展API来定制的，咱们一步步来：

第一步：搭建扩展的基础文件 #

先新建一个文件夹（比如叫mobile-search-menu），用来放扩展的所有文件：

• 里面先创建manifest.json配置文件，这是Chrome扩展的核心配置，内容如下：

{
  "manifest_version": 3,
  "name": "移动端谷歌搜索",
  "version": "1.0",
  "description": "把右键搜索改成移动端谷歌样式",
  "permissions": ["contextMenus", "tabs"],
  "background": {
    "service_worker": "background.js"
  },
  "icons": {
    "16": "icon16.png",
    "48": "icon48.png",
    "128": "icon128.png"
  }
}

这里用manifest v3是因为Chrome现在主推这个版本，权限里contextMenus是用来创建右键菜单的，tabs则是帮咱们打开新的搜索标签页。

第二步：写后台逻辑脚本 #

接着在同一个文件夹里创建background.js，这个脚本负责创建新的右键菜单，以及点击后打开移动端搜索页面：

// 扩展安装时创建自定义右键菜单
chrome.runtime.onInstalled.addListener(() => {
  chrome.contextMenus.create({
    id: "mobileGoogleSearch",
    title: "Search Google (移动端) for '%s'",
    contexts: ["selection"] // 只有选中文字时才显示这个菜单
  });
});

// 监听菜单点击事件
chrome.contextMenus.onClicked.addListener((info, tab) => {
  if (info.menuItemId === "mobileGoogleSearch") {
    // 把选中的文本编码后拼到谷歌移动端搜索URL里
    const mobileSearchUrl = `https://www.google.com/m/search?q=${encodeURIComponent(info.selectionText)}`;
    // 在新标签页打开移动端搜索页面
    chrome.tabs.create({ url: mobileSearchUrl });
  }
});

解释下：%s会自动被你选中的文字替换，点击后打开的是谷歌专门的移动端搜索页面，出来的结果就是移动端的样式啦～

第三步：准备图标（可选但建议） #

找三个尺寸的图标（16x16、48x48、128x128），命名成配置里对应的名字放到文件夹里，这样你的扩展在Chrome的扩展管理页会显示得更规范。

第四步：把扩展加载到Chrome里 #

• 打开Chrome，地址栏输入chrome://extensions/进入扩展管理页面
• 打开右上角的「开发者模式」开关
• 点击「加载已解压的扩展程序」，选中咱们刚才创建的mobile-search-menu文件夹

搞定！之后你选中文字右键时，就能看到新增的「Search Google (移动端) for 'xxx'」选项，点击它就会打开移动端样式的谷歌搜索结果页了。

对了，Chrome内置的那个「Search Google for xxx」是系统级的菜单，没法直接修改或替换，但咱们这个自定义菜单会出现在右键列表里，用几次就能习惯啦～

备注：内容来源于stack exchange，提问作者Jayesslee