这是一个创建于 602 天前的主题，其中的信息可能已经有所发展或是发生改变。
本人前端小白
最近看小红书的 web 端，有几个疑惑： 1.右键图片没有 Save as 功能 2.资源的地址是如何被掩藏起来的，比如图片下载链接和视频下载链接
 |
1
InDom 2023-03-24 10:36:39 +08:00
盲猜: 用作为背景图,或者是上面再覆盖一个新图层.
|
 |
2
noe132 2023-03-24 10:38:55 +08:00
图片上贴了层膜你就摸不到了
|
 |
3
TianQian 2023-03-24 10:42:12 +08:00
一楼正解
|
 |
4
lemen 2023-03-24 10:42:44 +08:00
直接 f12 看就是把图片设定为背景了吧，直接把里边的 url 复制出来打开就能复制了
|
 |
5
Yeen 2023-03-24 10:44:32 +08:00
1 禁用 /挡住右键、右键菜单
2 自己做个菜单。 但是稍微懂点技术的人都可以绕开。 |
 |
6
corcre 2023-03-24 10:46:16 +08:00
看了一下图片有 save as 功能, 但是下载下来是错误的图片, 图片放到背景图里面去了, 打开 F12 还是能下载下来找到对应的 url 还是能直接打开然后下载的, 视频没研究
|
 |
7
ONEBOYS 2023-03-24 11:02:00 +08:00
捕获 contextmenu 事件可行，但是开发者模式下肯定能破解。
|
 |
8
lisxour 2023-03-24 11:07:48 +08:00
太多方法了吧，最常见的也是最常规的
1. background-image 2. blob 3. 元素遮盖或偏移 4. canvas |
 |
9
pipiking 2023-03-24 14:02:06 +08:00
小红书 web 端上的图片的水印是不是不是覆盖了一个新图层啊？好像加载出来就是有水印的？有无传道解惑的？
|
 |
12
greatbody 2023-03-24 14:16:55 +08:00
不要显示图片就可以防止图片被顺走了。
只要你显示了图片，总有办法拿到。 |
 |
14
Kakus 2023-03-24 14:33:18 +08:00
<div style="background: url(xxx);"></div>
这样浏览器不会识别为图片，右键就没有保存选项 可以按 F12 ，找到这个元素，然后找到图片地址 |
|
15
pipiking 2023-03-24 14:43:39 +08:00
@cheeto 是每张图片的中间都有“小红书”三个字的。应该就是输出到前端是带水印的，得抓包才能看到无水印的图了看来 qaq ，感谢
|
 |
16
hervey0424 2023-03-24 14:49:58 +08:00  2
@greatbody 我他妈直接截图
|
 |
17
syseven 2023-03-24 15:10:29 +08:00 1
非常简单
css：{ pointer-events: none; } |
 |
18
Yukiteru 2023-03-24 16:48:41 +08:00
一般要么是禁用右键菜单要么是把图片设为背景了，都很容易就能从 devtools 里找出来。
|
Select Language