一行，页面将是紫色的。 （开发者工具会将当前代码所代表的区域显示为红色）
3
点击右侧的三角形展开当前代码，发现附魔的代码已经“贴心”的写上了注释。
4
以下几行依次展开（如图）网页里的图片无法显示，即可找到动画图片的文件地址。
PS：您可以按照页面灰色区域的变化进行指导。
PS：以下几行代码中还有图片链接，是前几页的内容。这是一种恶魔般的预加载机制，即当你阅读当前页面时，已经预加载了前几页的内容，以保证阅读体验。
5
双击复制链接在另一个窗口打开（可以直接拖放到新窗口），可以用右键将图片另存为图片。
吃瓜子
小编，为什么我下载的文件打不开？
由于下载的文件是webp格式网页里的图片无法显示，我们可以将其转换成其他格式，可以用内置的图片查看器查看。
编辑器
ii-ii 将webp格式转换为jpg格式
如果直接打开下载的图片，会显示：
这是因为下载的文件可能是 webp 格式，只有浏览器才能打开。 （您可以将文件后缀从.jpg 更改为.webp 以使用浏览器打开图像。）
我们可以用格式鞋厂打开文件，转换成jpg格式，可以用图片查看器查看。
您也可以使用在线的webp-jpg转换器，朋友们可以自行搜索。
2在百度体验上下载图片
这只是使用 chrome 检查元素的方法。
1
百度体验的图片可以右键点击，但是没有保存图片的选项。我们右键单击图像→检查元素。
2
弹出的开发者工具栏会直接指向当前图片的地址，可以下载。
提示：在开发者工具的网络选项中，打开开发者工具后可以显示当前页面加载的所有项目。这时候如果刷新一下，就可以得到加载项的列表，也可以取回想要的图片文件。你可以自己试试。
Tips2：网上有一些特殊的浏览器（或插件）可以摆脱右键屏蔽。有需要的朋友可以搜索一下。
食爪者
小编，你说了这么多，我的笔记本没有chrome浏览器怎么办？
没关系，其他浏览器也有开发者工具，可以自行搜索打开方式。
编辑器
开发者工具可以实现很多意想不到的功能，小伙伴们可以(da)hang(kai)send(qiè)dig(dong)！
图：小编没有收到某个事件的通知短信，所以一怒之下做了这张图。是不是比 PS 快很多？
结束语：相信你已经学会了如何在网页上保存图片，现在就来试试吧。
PS：这类不允许下载的图片通常是有版权的。朋友们，请勿将其用于商业用途。
Re-PS：本文部分图片来源于网络，已被删除。
点元e家
欢迎关注点源电子家庭[sjtuseieetw]
我们和你在一起
