將頁眉或工具欄注入頁面的最佳實踐？

Question

我們的網絡應用程序允許客戶查看其網站上頁面的歷史快照。我們希望在頁面頂部注入一個標題（類似digg或linkedin工具欄），其中包含快照時間，網址和其他各種指標等數據。

我們想要儘可能接近他們的原始狀態。

那麼什麼是最好的方式來添加一個頁眉到頁面，同時儘可能保持它？

可能的方法，我們已經看過：

• 在iframe堅持緩存頁面。然而，令人驚訝的數量的網站包含破壞性的代碼，我們不想做任何事情就像試圖阻止這一點。

• 將絕對/固定定位的div添加到具有高z-index的頁面頂部。這種方法的問題是：a）你的一些樣式可能會被覆蓋，b）在DOM負載上運行的JavaScript可能會導致你的html/ccs（例如Plone支持的站點爲所有表添加類和樣式） ）c）不同的DOCTYPE或缺乏可以搞砸我們的CSS（是IE瀏覽器，看着你）。

• 將絕對定位的iframe添加到具有高z-index的頁面頂部。這繞過我們的任何HTML/CSS被破壞或修改。然而，我們又遇到了DOCTYPE問題 - 我們希望它靜態定位，並且IE7不支持Quirksmode。

有什麼想法？謝謝

Answer 1

爲什麼要使用高度爲100px的橫幅？我看到一些其他的可能性：

1. 你不能使用鏈接彈出或頁面的更多信息？
2. 或者讓它拉出來，如果你把它懸停。

這樣，它不會掩蓋很大比例的網站。

Answer 2

如果您控制導致存檔版本的鏈接，則可以放入代理URL。讓該URL在框架中打開正確的html。這很像谷歌的緩存：

1. 顯示的鏈接看起來像pagearchive.html版= 43234324
2. 讓pagearchive.html與從頂部開始100px的iframe中html頁面的列表？版本= 43234324部分可以讓你在框架中打開正確的url。