兄弟，我之前开发Chrome扩展时也踩过这两个坑，给你梳理下具体的解决思路，应该能帮你搞定：

一、页面内容访问权限报错的解决办法 #

你遇到的Error: Cannot access contents of the page. Extension manifest must request permission to access the respective host.本质就是扩展没拿到访问当前页面内容的权限，按下面的步骤调整manifest.json就行：

• 首先确认你的扩展用的是Manifest V3（现在Chrome推荐用V3），然后在permissions数组里添加必要的权限：
  • 如果只是想在用户点击扩展图标时访问当前页面，加"activeTab"权限就够了，这个权限不需要用户额外授权，体验更好；
  • 如果需要默认访问所有网站，就加"<all_urls>"，或者指定特定域名（比如"https://*.google.com/*"）；
  • 如果你是用chrome.scripting.executeScript注入脚本获取选中文本，还得加上"scripting"权限。

给你个参考的manifest.json片段：

{
  "manifest_version": 3,
  "name": "文本摘要工具",
  "version": "1.0",
  "permissions": ["activeTab", "scripting", "sidePanel"],
  "action": {
    "default_icon": {
      "16": "icon16.png" // 替换成你的图标路径
    }
  }
}

另外，获取选中文本的代码可以这么写（确保权限配置正确后）：

// 监听扩展图标点击事件
chrome.action.onClicked.addListener(async (tab) => {
  try {
    // 注入脚本获取选中的文本
    const [result] = await chrome.scripting.executeScript({
      target: { tabId: tab.id },
      func: () => window.getSelection().toString()
    });
    const selectedText = result.result;
    // 这里调用Gemini API处理摘要
    console.log("获取到的选中文本：", selectedText);
  } catch (err) {
    console.error("获取文本失败：", err);
  }
});

修改完manifest.json后，一定要在chrome://extensions/页面点击扩展的刷新按钮，让配置生效！

二、侧边栏（Side Panel）无法显示的排查步骤 #

Chrome的Side Panel是从版本114开始支持的，先排查这几个点：

1. 检查Chrome版本：打开chrome://version/看看版本号，如果低于114，赶紧升级到最新版；
2. 配置manifest的sidePanel字段：必须在manifest.json里明确配置侧边栏的入口页面，比如：

"side_panel": {
  "default_path": "sidepanel.html", // 替换成你的侧边栏HTML文件路径
  "matches": ["<all_urls>"] // 指定哪些页面可以打开侧边栏
}

3. 手动触发打开侧边栏：右键点击扩展图标，看看有没有“在侧边栏中打开”的选项；或者用快捷键Ctrl+B（Windows/Linux）、Cmd+B（Mac）试试；
4. 主动调用API打开：如果想点击扩展图标直接打开侧边栏，可以在代码里加这段：

chrome.action.onClicked.addListener(async (tab) => {
  await chrome.sidePanel.open({ tabId: tab.id });
});

5. 排查路径问题：确保sidepanel.html文件存在，路径和manifest里配置的一致，别写错了；如果还是不行，试试重新加载扩展，甚至重启Chrome。

如果按上面的步骤操作后还是有问题，可以在chrome://extensions/页面打开开发者模式，然后查看扩展的控制台日志，看看有没有其他报错信息，方便进一步排查。

内容来源于stack exchange