使用侧边栏的 Chrome 扩展

Question

我一直在查看 Chrome 扩展程序，我想创建一个使用侧边栏与网页交互的扩展程序。因此，用户单击按钮启动扩展程序，当前页面拆分，右侧部分显示我的扩展程序。我在下面尝试过，但我什么也没看到（工作或其他）。我对它不起作用并不感到惊讶，因为我没有一个 sidebar.html 文件来做一件事。我在清单中有它的原因是因为我在本网站的另一篇文章中看到了它。建议在 manifest.json 中使用“sidebar”行，但文档中甚至没有提到“sidebar”是清单语法的有效部分。

manifest.json：

{
  "name": "Test 1",
  "version": "1.0",
  "description": "Test Extension 1",
  "page_action": {
    "default_icon": "icon.png",
    "default_title": "Testing",
    "default_popup": "popup.html"
   },
  "sidebar" : {},
  "permissions": [
    "experimental"
  ]
}

popup.html：

<script>
  chrome.experimental.sidebar.show();
  chrome.experimental.sidebar.expand();
  chrome.experimental.sidebar.navigate({path: "sidebar.html"});
</script>

我已启用“实验性”。

感谢您的帮助。

Answer 1

问题在于，理论上，您打开的是弹出窗口内的侧边栏，而不是当前页面。

您应该在页面中添加一个内容脚本，并带有打开侧边栏的功能。因此，在您的弹出窗口中，您应该只检索当前选项卡，然后从中调用此函数。

此外，正如 Boris Smus 在您的问题中所说，侧边栏将在未来版本中停用。所以我建议你通过内容脚本创建自己的侧边栏框架。

---

更新

为了帮助你，我做了一个简单的扩展，在当前页面上创建一个侧边栏。

@Curtis 在 Github 上托管了我的示例扩展，你可以克隆它here。

Answer 2

我也在寻找一个侧边栏解决方案，结果是 Implement chrome.sidebar API 线程。

根据the Sidebar PRD，已经可以通过以下方式创建侧边栏了：

1. 将脚本注入页面，通过修改 DOM 插入 iframe 来编辑页面的 HTML 以显示侧边栏 从远程服务器加载侧边栏的内容。
2. 注入的脚本可以直接编辑DOM以显示侧边栏，其内容通过消息传递。

但是，在以下方面存在许多缺点（在同一文档中进行了解释）：

可用性、性能、安全性、隐私（扩展嗅探以及第三方 cookie）和可访问性。

你可以watch a demo他们正在为未来的侧边栏组件做准备。

如果您在帖子中加注星标，可能有助于更快地发布该功能。

更新

根据this comment，Chrome 不会获得内置的侧边栏组件。