怎么把网页源码和图片全部下载下来浏览器中如何查看网页源码和JS文件

想把一个网页上的源码和图片通通都下载下来，真的是有窍门的哦！首先呢，你得用火狐浏览器，并且安装一个超级好用的插件——Scrapbook。然后，进入浏览器的“查看”菜单，点开“侧栏”里的“scrapbook”选项。这样，网页左侧就会蹦出你下载过的文件列表啦。只要右键点击想看的那个文件，选择“工具”里的“查看文件”，立马打开一个包含源码、图片和JS代码的完整文件夹，简直方便到爆炸！不过，注意啦，别用别的浏览器或者乱装插件，要不它可能帮不到你下载完整内容哦。

讲到下载JS文件，其实方法也不复杂。你可以先在浏览器里按下 Ctrl+U，哇塞，网页源代码的神秘大门就打开啦！这时，搜搜看有没有“.js”的链接，比如某个文件路径啥的。或者，你还可以用浏览器的“开发者工具”，点开“Network（网络）”标签，刷新网页，过滤选出JS文件，然后复制它的请求URL。接下来，敲命令行利器 curl：

curl [JS文件URL] -o [本地文件名].js

这样就把JS文件给下载好了。

Node.js如何下载图片和用JS实现图片直接下载的窍门

要用Node.js下载图片吗？这里给大家推荐两种实操方案，真心挺好用：

先来块代码示范：

var request = require("request");
var fs = require("fs");
function download1(url, filename, fn) {
  request(url).pipe(fs.createWriteStream(filename)).on('close', fn);
}

用这个方法，只要调用 download1("图片URL", "本地文件名.jpg", callback)，立刻帮你把图片保存下来，方便得不要不要的！

另外，对于前端页面，想直接点按钮就下载图片？没问题！用JS也超简单：
直接写个按钮，绑定点击事件，比如：

<button onclick="downloadImage()">点击下载</button>

然后在JS里加个函数：

function downloadImage() {
  const link = document.createElement('a');
  link.href = '图片的URL地址';
  link.download = 'filename.jpg';
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}