网页内容任君采撷-右键无法复制

CSDN一年一度的博客之星评选活动已经结束,刚好点击来看看学习一下大佬们的博客。

在这里插入图片描述
发现绝大部分的博主对于知识的公开度都是非常高的,当然除了收费的专栏外。

其中少部分博主对自己的博文设定了一定的操作,无法直接使用博文中的内容。

现在大家的版权意识都有所提升,有时候想借鉴下文档内容,如果不进行一些手段,是无法进行相关操作。

当然希望网友们方便自己的同时,建议大家还是尽可能的给原博主予以尊重,不要直接盗刷,转载请声明来源,才是良好的知识分享的互联网环境。

开发者模式

前端必备的技能网页的开发者模式的两种进入方式

1、打开指定的网页 然后 键盘 F12

在这里插入图片描述

2、网页空白处右键,选择检查 出现下方图例效果

在这里插入图片描述

3、百度彩蛋-每年都在网页处有招聘网址

这是一个最好的时代,
科技的发展给予了每个人创造价值的可能性;
这也是一个最充满想象的时代,
每一位心怀梦想的人,终会奔向星辰大海。
百度与你们一起仰望星辰大海,携手共筑未来!百度2023校园招聘简历投递
https://talent.baidu.com/jobs/list

百度2023校园招聘简历投递

后续操作都在开发者模式中控制台进行操作

摄取少量文字内容

1、前端HTML技术,可以获取指定文本所在元素位置

在这里插入图片描述

2、直接复制指定小节内容

在这里插入图片描述

3、复制整个元素下的内容

  • 如果该元素的结构比较深,就不是特别适合,建议收藏加关注博主
    在这里插入图片描述

网页内容右键复制

Document.designMode

Document.designMode

document.designMode 控制整个文档是否可编辑。
有效值为 “on” 和 “off” 。根据规范,该属性默认为 “off” 。

  • 在Console下的输入框输入:document.designMode='on',再按回车键
  • 此时网页内容就像平时的word文档一样,任君采撷
document.designMode = 'on'

在这里插入图片描述

HTMLElement.contentEditable

同理HTML其他操作类似

HTMLElement.contentEditable

HTMLElement.contentEditable 属性用于表明元素是否是可编辑的。
该枚举属性(enumerated attribute)可以具有下面的几种值之一:

  • “true” 表明该元素可编辑。
  • “false” 表明该元素不可编辑。
  • “inherit” 表明该元素继承了其父元素的可编辑状态。
document.body.contentEditable = 'true'

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/333214.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

nuxt 不解析HTML结构bug

记录一个本人Vue3迁移Nuxt3的报错 报错信息 [Vue warn]: Failed to resolve directive: top [nitro] [unhandledRejection] TypeError: Cannot read properties of undefined (reading ‘getSSRProps’) 原因是Vue3在迁移到nuxt3的时候有一个自定义指令没有搬过来&#xff0…

掌握Lazada API接口:开启电商开发新篇章,引领业务增长潮流

一、概述 Lazada API接口是Lazada平台提供的软件开发工具包,它允许第三方开发者通过编程方式访问Lazada平台上的商品、订单、用户等数据,并执行相关操作。通过使用Lazada API接口,开发者可以快速构建与Lazada平台集成的应用程序,…

10亿数据高效插入MySQL最佳方案

写在文章开头 你好,我叫sharkchili,目前还是在一线奋斗的Java开发,经历过很多有意思的项目,也写过很多有意思的文章,是CSDN Java领域的博客专家,也是Java Guide的维护者之一,非常欢迎你关注我的…

烟雾识别摄像机

烟雾识别摄像机是一种具有智能识别功能的监控设备,它能够通过图像识别技术检测和识别烟雾,提供实时监测和报警功能。这种摄像机通常应用于各种场所,如工厂、仓库、办公楼、酒店等,起到了重要的安全监测作用。 烟雾识别摄像机的工作…

使用Trie数据结构实现搜索自动完成功能

本文旨在讨论使用 Java 的搜索自动完成的低级实现&#xff0c;将Trie在用例中使用数据结构。 这是一个示例TrieNode类&#xff1a; class TrieNode{ Map<Character,TrieNode> children; boolean isEndOfWord; TrieNode(){ children new HashMap<>(); isEndOfWor…

Making Large Language Models Perform Better in Knowledge Graph Completion

Making Large Language Models Perform Better in Knowledge Graph Completion 基本信息 博客贡献人 鲁智深 作者 Yichi Zhang, Zhuo Chen, Wen Zhang, Huajun Chen 隶属于浙江大学计算机学院和软件学院 摘要 本文主要探讨了如何将有用的知识图谱结构信息融入大语言模型中…

精进单元测试技能——Pytest断言的艺术

本篇文章主要是阐述Pytest在断言方面的应用。让大家能够了解和掌握Pytest针对断言设计了多种功能以适应在不同测试场景上使用。 了解断言的基础 在Pytest中&#xff0c;断言是通过 assert 语句来实现的。简单的断言通常用于验证预期值和实际值是否相等&#xff0c;例如&#xf…

java Servlet体育馆运营管理系统myeclipse开发mysql数据库网页mvc模式java编程计算机网页设计

一、源码特点 JSP 体育馆运营管理系统是一套完善的java web信息管理系统&#xff0c;对理解JSP java编程开发语言有帮助&#xff0c;系统采用serlvetdaobean&#xff0c;系统具有完整的源代码和数据库&#xff0c;系统主要采用 B/S模式开发。 java Servlet体育馆运营管理系…

Adobe XD是什么?探索这款创新的用户体验设计工具

Adobexd是一种基于矢量的设计工具&#xff0c;主要用于设计移动和Web应用程序的用户界面(UI)。与Photoshop或ilustrator等其他Adobe产品相比&#xff0c;它相当轻。对于对快速设计和原型迭代感兴趣的界面设计师来说&#xff0c;轻量级并不是一件坏事。 在早期&#xff0c;Adob…

机械工业品电商平台android

文章目录 一、开发组件和项目结构1、分包完成初始化工具1.1 开源库介绍&#xff1a;1.2 框架搭建1.3 自定义application&#xff0c;初始化网络加载库1.4 配置Glide1.5 网络请求响应对象1.6 工具类JSONUtil&Utils 二、环境配置1、将服务器的基地址&#xff0c;填到android&…

untiy使用http下载资源

文章目录 提醒下载一个资源并保存到本地下载一张图片 提醒 部分API需要将Unity的 Edit/PrejectSetting/Player/OtherSetttings/AConfiguration/ApiCompatibilityLevel 设为.NetFramework 才可以使用 下载一个资源并保存到本地 private IEnumerator DownloadFormServer_IE(st…

AcWing 103. 电影(map、pair连用or离散化)

题目 方法一&#xff08;mappair&#xff09; 其实上面这么长巴拉巴拉就是在说 首先&#xff0c;每个科学家会的语言都不同。但是呢每部电影的字幕和语言是不一样的&#xff08;字幕和语言一定不相同&#xff09; 要求找到一部电影使得在场能听懂的科学家最多&#xff08;如果存…