2016-11-15 46 views
18

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的错误。

+0

哈!好问题。我敢打赌,每个浏览器的答案都会有所不同,但这可能根本无法阻止。 –

+0

银行网站和Facebook正在这样做,所以这是可行的...浏览器具体不是一个主要问题,因为可以检测到浏览器。 –

回答

6

我想我终于把解决了。

首先,“应用程序清单”没有帮助。

基于@ 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。

当然,如果用户在新选项卡中打开一个链接,留下“主”框架,它可以生成缩略图,但这不是正常流程,所以我可以忍受它。

+0

良好的解决方法:-)我喜欢它!但是,Mozilla应该修复它! – pjc90

7

1.关闭缓存

也许你可以设置cache-control header。这会告诉浏览器尽一切努力不把页面保存在用户的计算机上。可悲的是,这将会是一个性能问题,因为用户需要为每次打电话完全打开每个页面。

2. HTTPS

浏览器明白https网站需要更多的安全性,因此将不包括在快速拨号页面https网站。您应该使用Mozilla提交报告。

3,独特的URL

每次它打开时,给页面与敏感信息的唯一URL。

+0

谢谢彼得。但1和3不适合我的应用程序。 2:这里已经有各种开放的bug了。不幸的是 –

+0

但看着我的银行网站,似乎他们使用NO CACHE选项。 。 –

+0

有趣的相关问题:http://stackoverflow.com/questions/1341089/using-meta-tags-to-turn-off-caching-in-all-browsers –

3

Some browsers are sending a special header创建缩略图

HTTP_X_PURPOSE preview 

但当据我知道Firefox的正常浏览过程中所采用的屏幕截图。

+0

将进行调查和测试。谢谢。会让你知道我的发现。 –

+0

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/ –

3

Firefox的内置缩略图服务does not persist thumbs如果Cache-Control: no-store标题存在。它仍然可以在运行时渲染它们,例如,为航空偷看,但他们不会被保存到磁盘。

隐私浏览模式也会禁用缩略图渲染。

+0

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

+0

他没有提供将该通用头文件(通常指缓存)连接到缩略图的源代码 – the8472

相关问题