当前位置: 首页 > article >正文

css禁止图片保存,CSS中的图片保存方法

“css中的图片”指的就是镶在CSS样式表中的图片。在我们用在浏览器保存网页时,很多时候,下载网页里的图片都下载不到,这样的话就会使网页非常不美观。所以,今天小编就给大家介绍集中保存方法。

以下是几种保存方法。

(一)使用网际快车下载软件

在flashGet3.1下载软件中,有个“资源探测器”功能,能使我们实现CSS图片的探测以及下载保存。如下图示,在快车资源探测器打开后,在“文件”菜单下选择“选项”命令,再在“高级”选项栏中勾选“探测CSS中的图片”。

5d461b2136b95ca99b8f4e0827673f4a.png

然后在资源探测器页面的地址栏中输入要下载网页地址,单击右方“探测”按钮,即可搜索得到该网页的全部图片地址了,如下图示;再用快车软件下载就可以了。

fd3ba3a9a41d92bea20fd4568ff8afb7.png

注意:快车资源探测器除了有CSS中图片的探测能力以外,还能实现网页中隐藏的音视频资源、软件下载资源等等地址,下载是无限制的。

(二)网页下载后寻找

在浏览器当中打开css图片所在网页,再查看网页源文件,找到css路径,把路径复制到浏览器当中,然后下载到本地计算机,如下图示:

95aad2747f1a7e53fded57e696c4a90d.png

然后,寻找此css文件的内嵌图片。可以直接打开css文件,一个一个查找图片地址然后下载下载,但是这种方法较费时。也可以使用css图片批量获取工具,如下图示,在“CSS文件”中导入刚下载的css文件,再单击右方的“查找”按钮;在显示出寻找到的图片地址后再全部选取,最后,单击“下载”按钮就完成了。

e5fc9d0160bcf96ce4a5f21b1f49e409.png

注意:在“CSS图片获取工具”的使用中要注意“文件基址”的填写,基址也是指添加的那个CSS文件所在网站首页的地址,要是写错就会下载不到文件;而“匹配模式”可以忽略,保持默认选择项就可以了。

知识链接:CSS指的是层叠样式表,在主页制作的时侯采用CSS技术,能有效地对页面的布局、字体、颜色、背景以及其它效果实现精确的控制。CSS中的图片也是由这样的控制目的而生。想把对方网页中的图片直接拿过来用,但图片又基于CSS架构,这时就要想要怎么下载保存的问题,这时就可以用上面介绍的方法了。

总结:当我们用浏览器的“另存为”功能保存网页时,是因为很多写在CSS样式表里面的图片都不能下载,就会导致下载的网页打开的时候就面目全非了,或者说是网页图片的一种加密形式吧。


http://www.kler.cn/news/317582.html

相关文章:

  • 【逻辑回归+实战】
  • LLM安全风险及应对
  • Android CarrierConfig 配置问题的解决流程
  • QT编译之后的debug包下运行程序双击运行出现无法定位程序输入点__gxx_personlity_seh0于动态链接库
  • Linux:文件描述符详解
  • react 常用hooks封装--useReactive
  • 全栈开发(五):初始化前端项目(nuxt3+vue3+element-plus)+前端代理
  • 【JVM】JVM执行流程和内存区域划分
  • 安卓13删除下拉栏中的设置按钮 android13删除设置按钮
  • 51单片机快速入门之按键应用拓展
  • Python编码系列—Python桥接模式:连接抽象与实现的桥梁
  • 如何进入电脑BIOS
  • 几十块的麦克风能用吗?一文看懂什么领夹麦的音质最好又降噪
  • Knife4j 一款基于Swagger的开源文档管理工具
  • 无人机蜂群的应用会对现有作战体系造成多大影响?
  • 【高阶数据结构】二叉搜索树的插入、删除和查找(精美图解+完整代码)
  • 防火墙配置变更管理
  • 医院预约|基于springBoot的医院预约挂号系统设计与实现(附项目源码+论文+数据库)
  • Web自动化测试
  • C语言中的关键字详细梳理
  • 力扣76 最小覆盖子串 Java版本
  • 面试知识点总结篇三
  • Linux-网络编程
  • MySQL record 06 part
  • Chainlit集成LlamaIndex实现知识库高级检索(BM25全文检索器)
  • 爬虫的流程
  • vulnhub(13):Digitalworld.local JOY(ftp 的未授权文件读写漏洞、文件覆盖提权)
  • 获取商品销量详情API:深入解析返回值,助力电商决策
  • hrm人力资源管理系统,绩效,考勤,薪酬,五险一金,等全面人力管理(源码+配套方案)
  • Java面试篇基础部分-ReentrantLock详解