Javascript 我应该用什么方法制作Chrome工具栏？

我有一个类似于工具栏的html页面：

当前，用户单击一个链接，此页面将在一个新选项卡中以显示的大小打开。用户将其放置在屏幕顶部，然后在其下方打开另一个选项卡，占据屏幕的其余部分。用户主要在较大的窗口外工作，并定期与此“工具栏”交互

这种设置显然不理想。尤其是因为你不能隐藏铬框或地址栏，这使得工具栏的高度增加了一倍

我想做的是让它成为Chrome中的一个实际工具栏，比如：

我确实看到了，但我不确定哪种方法最适合我的需要

一些细节：

• 工具栏必须在任何时候打开/打开时保持可见（如我所说 了解it“信息栏”在不活动时自动关闭？不是100% （尽管如此）
• 导航到新页面时不应关闭该栏
• 导航到新页面时不应重新加载/呈现工具栏（据我所知，使用内容脚本会在用户每次进入新页面时重新加载工具栏，）

我想我们可以使用一个内容脚本/本地存储类型的解决方案来呈现该条，然后按照上一页的方式设置它，虽然看起来有点黑客味

我是否错过了更好的方法

---

有人能帮我找到正确的方法来实现这个结果吗？

工具栏是一个扩展

---

使用。最简单的方法是从谷歌chrome的官方开发网站下载一个样本。。您可以按照自己的方式进行更改。

Chrome中没有真正的工具栏，您不应该制作一个。但如果真的必须这样做，那么移动整个页面并在顶部注入iframe是最好的。我更喜欢iframe，这样页面的CSS就不会干扰工具栏的功能。@Derek朕會功夫 是的，这就是我想要的。这是使用内容脚本完成的，对吗？是否每次用户使用此方法单击主页中的链接时，iFrame中的html都会重新呈现？该条不会持久，因为它被注入到当前页面的dom中，虽然我不确定他们是否添加了使其持久化的方法，因为我上一次在Chrome中制作工具栏是很久以前的事了。我很害怕。这意味着我需要实现一个系统来跟上酒吧的状态。谢谢你的确认。如果我在扩展中为背景页设置了

persistent:true

，我可以持久化由内容脚本创建的“工具栏”吗？或者每次用户单击链接时，内容脚本创建的html会被重新呈现吗？这就是这种方法的缺点。每次单击链接时都会呈现脚本。因此，为了使您的工具栏看起来更优雅，您可以应用css规则，该规则会随着工具栏的高度向下推动页面内容。例如，如果工具栏高度为30px，则可以应用css规则将页面向下推30px。它不会很持久，但这样看起来会更优雅。应用css规则时，请确保它影响页面的所有元素，包括带有position:fixed的元素，否则它在某些网站（如twitter）上不会像预期的那样工作。好的，到目前为止，我已经做到了。它加载“工具栏”并使用

var bodyStyle=document.body.style向下筛选主页内容；var cstransform='transform'在bodyStyle中转换'：'WebKittTransform'；bodyStyle[cssTransform]=“translateY（“+height+”）”但正如您提到的，位置固定的元素不会移动。还有什么方法可以影响这些元素吗？我能够使用这种方法让它完美地工作，同时使用Messaging和本地存储来跟上工具栏的状态。