javascript - 防止下载图片，如 Instagram

Question

Instragram 如何防止下载图片？http://instagram.com/p/elPBOqFWVl/embed/#

我知道图像的链接是http://distilleryimage5.ak.instagram.com/f883e09023e111e3a35d22000aaa05f7_7.jpg可以在代码中找到，但是当您右键单击它时，它是如何不可选择的并且没有弹出用于下载的上下文菜单。大多数网站在实际图片上使用透明图片，但是从代码的外观来看，有一些花哨的 javascript

Answer 1

如果你使用 firebug 来调试那个页面，你会发现它实际上并不是一个图像。相反，它是一个将 background-image 属性设置为图像链接的 div。一旦您实际单击 CSS 中指定的 img 链接，您就可以轻松下载它。

经检查，该 div 的 css 是

element.style {
    background-image: url(http://distilleryimage5.ak.instagram.com/f883e09023e111e3a35d22000aaa05f7_7.jpg);
}