扩展栏始终可见答案

【问题标题】：Extension bar always visible扩展栏始终可见
【发布时间】：2015-04-20 14:17:05
【问题描述】：

我正在使用 Crossrider 框架开发一个多浏览器扩展。是否有在每个页面顶部显示 html 水平菜单的解决方案？该菜单将嵌入一个使用一些外部库的 JS 脚本。

确实，我可以将我的 html 内容添加到“body”标签，但每次用户单击网页上的链接时，都会重新加载整个页面，这会使水平条消失，然后在出现加载完成。

我曾想过将网站内容放入 iframe，但某些网站（例如：亚马逊）会发送一个标头，其中“X-Frame-Options”设置为“DENY”或“SAMEORIGIN”。这是 Crossrider 无法修改的（至少我没有找到如何修改）。

还有其他方法可以在每页顶部显示永久菜单吗？

编辑：
我的工具栏不包含任何链接，但它会记录鼠标位置。我的问题是，每次用户单击网站链接（例如：在亚马逊网站上查看产品）时，工具栏都会重新加载，因此在下一页完成加载之前不会记录鼠标位置.

【问题讨论】：

一般来说，可以使用 Crossirder 将 HTML 工具栏注入页面，并且只要页面没有重新加载（如您所描述和期望的那样），它就会一直存在。但是，您的问题尚不清楚单击工具栏链接是否意味着什么；因此，请提供一些代码 sn-ps 显示 click 事件处理程序正在做什么，因为代码中可能存在导致重新加载行为的内容。
感谢您的回答。我编辑了我的帖子以提供一些额外的信息。

【解决方案1】：

页面重新加载是点击亚马逊网站上的链接时的正常行为，因此在页面加载时工具栏重绘是正常且正确的。

根据所提供的信息并假设我已经理解您想要实现的目标，您似乎以错误的方式进行此操作。我首先会考虑为什么你需要一个工具栏？例如，如果您只记录点击页面中的链接时的鼠标位置，我认为注册到您感兴趣的链接的鼠标点击事件更有意义。

我建议您重新考虑您的方法并考虑您必须处理的问题，例如页面重新加载以及在页面重新加载之前处理点击事件。

[披露：我是 Crossrider 的员工]

【讨论】：