如何在网页中制作“检查元素”的网络扩展程序并执行如下所述的步骤答案

【问题标题】：How to make a web extension that "Inspects Element" in a webpage and does the steps as mentioned below如何在网页中制作“检查元素”的网络扩展程序并执行如下所述的步骤
【发布时间】：2015-05-21 13:06:48
【问题描述】：

它必须做的是，每当用户喜欢 Instagram 上的图片时，它必须找到该图片的链接（可以在 Inspect Element 中找到），然后将其保存在计算机中。所有这些都不能对用户可见。只要用户“喜欢”照片，它就应该将照片保存到计算机。

对不起，我是编程领域的新手，所以请原谅我的含糊不清。所有帮助将不胜感激。谢谢！

【问题讨论】：

你当前的代码是？？？
如果你保持这样的问题，你会得到很多反对意见。你应该改写它并征求意见，但我认为如果你是编程新手，这可能太高级了。
请更改问题的标题！标题应该与您的问题有关。
你能告诉我我必须做什么才能使问题不被删除吗？我是堆栈溢出的新手，所以我不知道这里的工作原理

标签： javascript html css instagram

【解决方案1】：

如果我对您的问题的解释正确，您想通过点击链接/按钮从 Instagram 下载图片。

不幸的是，似乎没有办法做到这一点，因为 Javascript 无法保存到用户的计算机上。一种可能是设置 Content-disposition 响应标头，并将 window.location 设置为图像链接。但是，由于您想从 Instagram 获取图像，所以这不是一个选择。

参考文献：

File download script doesn't work when called from Ajax

http://www.boutell.com/newfaq/creating/forcedownload.html

【讨论】：

我可以这样做吗？首先，代码检查元素并通过指定路径找到指向图像的链接它会在新窗口中打开链接。这将在新页面中打开照片然后我可以让程序执行相当于鼠标右键单击 => 保存图像的操作吗？这一切都必须在后台发生。可能吗？你能提供有用的链接吗？谢谢！
正如我所说：出于安全原因，Javascript 无法将任何内容保存到用户的磁盘中。所以，不，不可能模拟右键保存。
另外，您可能想了解 DOM：developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model。 Javascript 不使用浏览器检查元素，它使用 DOM。