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);
}