将标题或工具栏注入页面的最佳做法？

Question

我们的网络应用程序允许客户查看其网站上页面的历史快照。我们希望在页面顶部（类似于digg或linkedin工具栏）注入一个标题，其中包含快照时间，网址和各种其他指标等数据。

我们希望这些页面尽可能接近原始状态。

那么在尽可能保留页面的同时将页眉添加到页面的最佳方法是什么？

我们研究过的潜在方法：

• 在iframe中粘贴缓存页面。然而，令人惊讶的数量的网站包含破坏框架的代码，我们不想做任何hacky，如试图阻止它。

• 使用高z-index将绝对/固定定位的div添加到页面顶部。这种方法的问题在于：a）你的一些样式可能会被覆盖，b）在DOM负载上运行的javascript可能会与你的html / ccs混在一起（例如，Plone驱动的站点为所有表添加类和样式，例如）c）不同的DOCTYPE或缺乏可以搞砸我们的CSS（是IE，看着你）。

• 使用高z-index将绝对定位的iframe添加到页面顶部。这可以解决我们的任何html / css被破坏或修改。然而，我们又有DOCTYPE问题 - 我们希望它静态定位，IE7不支持Quirksmode。

有什么想法？感谢

Answer 1

为什么要使用高度为100px的横幅？我看到了其他一些可能性：

1. 您是否可以使用包含更多信息的弹出窗口或页面的链接？
2. 如果你将它悬停，请将其拉​​出。

这样就不会掩盖网站的大部分内容。

Answer 2

如果您控制导致存档版本的链接，您可以输入proxy-url。让该URL在框架中打开正确的html。这很像谷歌缓存：

1. 显示一个类似于pagearchive.html的链接列表？version = 43234324
2. 让pagearchive.html成为一个带有从顶部开始100px的iframe的html页面。版本= 43234324部分可以让你在框架中打开正确的URL。