AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

保存网页中的css和js文件，网站保存，复制网站不可复制的文字，网站抠图

2024-06-04 170
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 保存网页中的css和js文件，网站保存，复制网站不可复制的文字，网站抠图

保存网页中的css和js

同理也可以进行本地复制 解决了某某文库限制了不可以复制 禁止复制


举例 骑士卡的充值界面

https://m.black-unique.com/new/tqcz/index.html?id=1&ver=211211111&collectBusinessId=324

ctrl+s或者右键保存网页

这里就有一些网页的css和js 和用到的图片

如果你是前端开发人员，想具体看页面中某个按钮的特效来自于哪个css样式

谷歌浏览器按下f12如下图，点击右上角的按钮，鼠标放到要看的按钮上面，左边的代码会高亮显示，找到class标签名字再去css文件中搜索即可

下面要去代码中搜索css样式，有2种方法

第一种（博主常用）：

网页代码的head信息中找到了其实是引用了两个外部的css文件

我直接复制到url地址栏

再ctrl+f 全局搜索即可找到对应样式

方法二：

打开之前ctrl+s保存的网页文件夹中的css文件 ctrl+f搜索即可

文章标签：
前端开发
JavaScript
关键词：
网页JavaScript
CSS js
JavaScript CSS
JavaScript网站
JavaScript文件
石宗昊
目录
相关文章
爱心发电丶
|
7月前
|
JavaScript 算法 开发者
如何用JS实现在网页上通过鼠标移动批量选择元素的效果？
本文介绍了类似电脑桌面通过鼠标选择多个图标的实现原理。主要通过监听mousedown、mousemove和mouseup事件，动态调整选择框大小并计算与元素的重叠情况。提供了角重叠和相交重叠的检测方法，并附有示例代码和在线演示链接，方便开发者参考与测试。
爱心发电丶
265 56
小白学大数据
|
6月前
|
Web App开发 数据采集 JavaScript
动态网页爬取：Python如何获取JS加载的数据？
动态网页爬取：Python如何获取JS加载的数据？
小白学大数据
1148 58
net936
|
3月前
|
编解码 JavaScript 前端开发
如何在网页播放英文的m3u8文件（基于Javascript搭建的在线网页工具）
什么是m3u8？又该如何在网页中高效、便捷地播放英文的m3u8文件呢？今天这篇文章就带你一起了解，并推荐一种基于Javascript搭建的在线网页工具，让你轻松解决播放问题。
net936
860 0
html的七十二变
|
前端开发
在Webpack配置文件中，如何配置loader以处理其他类型的文件，如CSS或图片
在Webpack配置文件中，通过设置`module.rules`来配置loader处理不同类型的文件。例如，使用`css-loader`和`style-loader`处理CSS文件，使用`file-loader`或`url-loader`处理图片等资源文件。配置示例：在`rules`数组中添加对应规则，指定`test`匹配文件类型，`use`指定使用的loader。
html的七十二变
614 8
小白学大数据
|
6月前
|
数据采集 Web App开发 JavaScript
Python爬虫如何获取JavaScript动态渲染后的网页内容？
Python爬虫如何获取JavaScript动态渲染后的网页内容？
小白学大数据
662 6
阿里云开发者
|
10月前
|
人工智能 JavaScript 前端开发
一段 JavaScript 代码，集成网站AI语音助手
根据本教程，只需通过白屏化的界面操作，即可快速构建一个专属的AI智能体。
阿里云开发者
523 4
白雾茫茫丶
|
JavaScript 前端开发 API
Next.js 实战 (六)：如何实现文件本地上传
这篇文章介绍了在Next.js中如何实现文件上传到本地的方法。文章首先提到Next.js官方文档中没有提供文件上传的实例代码，因此开发者需要自行实现，通常有两种思路：使用Node.js原生上传或使用第三方插件如multer。接着，文章选择了使用Node.js原生上传的方式来讲解实现过程，包括如何通过哈希值命名文件、上传到指定目录以及如何分类文件夹。然后，文章展示了具体的实现步骤，包括编写代码来处理文件上传，并给出了代码示例。最后，文章通过一个效果演示说明了如何通过postman模拟上传文件，并展示了上传后的文件夹结构。
白雾茫茫丶
337 0
Next.js 实战 (六)：如何实现文件本地上传
游客eigikghkwlybi
|
前端开发 定位技术 索引
【前端第四课】CSS值和单位；CSS文字排版；CSS变换，过渡，动画；CSS定位
【前端第四课】CSS值和单位；CSS文字排版；CSS变换，过渡，动画；CSS定位
游客eigikghkwlybi
236 0
【前端第四课】CSS值和单位；CSS文字排版；CSS变换，过渡，动画；CSS定位
杰克.陈
|
前端开发
css文字效果（文字剪贴蒙版，text-shodow的应用，文字排版等…）
原文:css文字效果（文字剪贴蒙版，text-shodow的应用，文字排版等…） 记录几种常见的文字效果 示例查看：http://pangyongsheng.github.io/cssFont/ 一、文字剪贴蒙版 在PS中，对文字图层栅格化，然后可将其他图层创建为文字的剪贴蒙版,而在c...
杰克.陈
1390 0

热门文章

最新文章

  • 1
    Chrome 下载大文件报错！用 Streamsaver.js 完美填坑
  • 2
    百宝箱开放平台 ✖️ Node.js SDK
  • 3
    局域网监控其他电脑的设备信息管理 Node.js 跳表算法
  • 4
    css中如何设置字体
  • 5
    理解CSS的position:relative
  • 6
    CSS定位属性Position详解
  • 7
    如何使用Flex 4新的CSS语法，兼容halo组件
  • 8
    CSS之GAP属性
  • 9
    用CSS新属性实现特殊的图片显示效果
  • 10
    CSS语法小记
  • 1
    仿真银行app下载安装， 银行卡虚拟余额制作app，用html+css+js实现逼真娱乐工具
    2322
  • 2
    个人征信电子版无痕修改， 个人信用报告pdf修改，js+html+css即可实现【仅供学习用途】
    698
  • 3
    个人征信PDF无痕修改软件，个人征信模板可编辑，个人征信报告p图神器【js+html+css仅供学习用途】
    1150
  • 4
    征信报告修改器，征信报告生成器，制作软件无痕修改软件【js+html+css】
    1641
  • 5
    银行流水生成器在线制作，银行流水虚拟生成器app，h5+js+css【仅供学习用途】
    3533
  • 6
    制作b超单生成器， 假怀孕b超单图片制作， p图医院证明【css+html+js装逼恶搞神器】
    598
  • 7
    医院检查单子p图软件，在线制作仿真病历，js+css+html装逼神器
    747
  • 8
    处方单图片生成器， 处方单在线制作免费，js+css+html恶搞神器
    1368
  • 9
    病历单生成器在线制作，病历单生成器app，HTML+CSS+JS恶搞工具
    3182
  • 10
    抖音快手小红书虚拟评论截图生成器，模拟对话制作工具，html+js+css
    948

    • 相关课程

    更多
  • CSS 快速掌握
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础

    • 相关电子书

    更多
  • JavaScript面向对象的程序设计
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例
    • 下一篇
    阿里云负载均衡收费标准：ALB、NLB和CLB价格，包括LCU费用、实例费和公网带宽价格