如何在我的瀏覽器中新標籤頁上顯示的最近使用過的網站列表中控制我的網站的屏幕截圖

Firefox和Chrome等瀏覽器採用訪問網站的屏幕截圖，並可以在新標籤上顯示爲「最近使用過的網站」。如何在我的瀏覽器中新標籤頁上顯示的最近使用過的網站列表中控制我的網站的屏幕截圖

由於我的網站顯示的是機密信息，我怎樣才能避免瀏覽器爲「最近的網站」列表拍攝截屏，或者至少將其限制在登錄頁面（如Facebook或銀行網站正在做的）？

我發現了一個可能的答案在Is there a W3C standard meta tag to determine the cover image used to represent a website?但似乎仍然不穩定的方法，我調查了在不使用銀行網站顯然讓我懷疑還有另一個（更好？）解決方案。

任何想法？我需要它至少在Firefox上工作。

注意：網站正在使用HTTPS。在Chrome下，使用HTTPS似乎可以解決它，因爲空白屏幕顯示爲預覽。即使使用HTTPS，Firefox也會顯示它。

UPDATE： 在Mozzila的支持頁面https://support.mozilla.org/en-US/kb/thumbnails-new-tab-page-missing-how-get-them-back他們陳述如下：

注：有些網站不允許的圖像 - 要生成（>縮略圖），並保存

不幸的是，他們不知道該怎麼做...但是，似乎有一種方法可以避免它...

UPDAT E 2： 我真正在尋找的是該網站使用緩存的Javascript和圖像，但不是縮略圖。使用HTTPS可以解決這個問題，除非因爲Firefox的錯誤。

來源

2016-11-15 Cedric Simon

哈！好問題。我敢打賭，每個瀏覽器的答案都會有所不同，但這可能根本無法阻止。 –

銀行網站和Facebook正在這樣做，所以這是可行的...瀏覽器具體不是一個主要問題，因爲可以檢測到瀏覽器。 –

我想我終於把解決了。

首先，「應用程序清單」沒有幫助。

基於@ Peter的回答，我找到了一種實現它的方法，不用爲我的「有用」代碼丟失瀏覽器緩存，並保持URL不變。

要存檔它，我使用「主」頁面，即瀏覽器的實際URL（ - >縮略圖），沒有緩存，但它只包含一個框架，我的「真實」頁面被調用內部。真正的頁面確實使用緩存，但由於網站URL是「無緩存頁面」，因此縮略圖並不總是登錄頁面，即使新頁面標籤縮略圖指向我的「主」頁面。

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Pragma" content="no-cache"> 
<meta http-equiv="cache-control" content="no-cache no-store"> 
<meta http-equiv="expires" content="0"> 
<title>My Website</title> 
</head><body style="margin: 0;"> 
<iframe src="init_index_main.jsp" name="main" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;" ></iframe> 
</body> 
</html>

所以實際上我實現了彼得的所有3個建議，避免了它們的副作用。實際上，我已經在使用框架解決方法來隱藏（普通）用戶的真實URL。

當然，如果用戶在新選項卡中打開一個鏈接，留下「主」框架，它可以生成縮略圖，但這不是正常流程，所以我可以忍受它。

來源

2016-11-18 13:30:56

良好的解決方法:-)我喜歡它！但是，Mozilla應該修復它！ – pjc90

1.關閉緩存

也許你可以設置cache-control header。這會告訴瀏覽器盡一切努力不把頁面保存在用戶的計算機上。可悲的是，這將會是一個性能問題，因爲用戶需要爲每次打電話完全打開每個頁面。

2. HTTPS

瀏覽器明白https網站需要更多的安全性，因此將不包括在快速撥號頁面https網站。您應該使用Mozilla提交報告。

3，獨特的URL

每次它打開時，給頁面與敏感信息的唯一URL。

來源

2016-11-17 12:58:27 pjc90

謝謝彼得。但1和3不適合我的應用程序。 2：這裏已經有各種開放的bug了。不幸的是 –

但看着我的銀行網站，似乎他們使用NO CACHE選項。。 –

有趣的相關問題：http://stackoverflow.com/questions/1341089/using-meta-tags-to-turn-off-caching-in-all-browsers –

Some browsers are sending a special header創建縮略圖

HTTP_X_PURPOSE preview

但當據我知道Firefox的正常瀏覽過程中所採用的屏幕截圖。

來源

2016-11-18 11:49:44

將進行調查和測試。謝謝。會讓你知道我的發現。 –

HTTP_X_PURPOSE只是區分這兩種請求的一種方式：在當前版本的Safari 4（4.0.4）中，Top Sites請求基本頁面（但不包括其JS/CSS /圖像資源）攜帶額外的HTTP標頭，即「X-Purpose：預覽」。在我的情況下沒有幫助，有關HTTP_X_PURPOSE的詳細信息，請訪問：https：//sunpig.com/martin/2010/01/08/how-to-detect-a-page-request-from-safari-4s-top-sites -feature/ –

Firefox的內置縮略圖服務does not persist thumbs如果Cache-Control: no-store標題存在。它仍然可以在運行時渲染它們，例如，爲航空偷看，但他們不會被保存到磁盤。

隱私瀏覽模式也會禁用縮略圖渲染。

來源

2016-11-18 11:58:28 the8472

彼得已經提到了...... –

他沒有提供將該通用頭文件（通常指緩存）連接到縮略圖的源代碼 – the8472