右键单击上下文菜单中的Chrome“复制图像”选项显示为灰色

时间:2013-01-02 15:59:27

标签: javascript html5 google-chrome webkit

在使用Chrome(23)浏览Apple's Website时,我发现“复制图像”上下文菜单项已被禁用(请参见屏幕截图)。所以看起来Webkit有一种新的方法来禁用这个选项。有谁知道它是什么?

Screenshot of disabled 'Copy image' context menu item

1 个答案:

答案 0 :(得分:5)

图片的内联样式为content: -webkit-image-set。当我删除它时,“复制图像”选项变为启用状态。

代码(可读性缩短):

<img style="content:-webkit-image-set(url(http://store.storeimages.cdn-apple.com), 1, url(http://store.storeimages.cdn-apple.com/), 2);" 
src="http://store.storeimages.cdn-apple.com/">
  

该功能背后的想法是允许作者提供多个   不同分辨率下相同图像的变体,并允许   用户代理选择最适合的资源   时间。

http://trac.webkit.org/changeset/111637

另见:http://www.brucelawson.co.uk/2012/html5-urgently-needs-adaptive-images-mechanism/

请注意,无法右键单击并复制图像似乎只是样式的副作用,而不是反下载机制。