一招搞定网页不支持复制

原理

网站不支持复制是因为开发通过一种js的语法，禁用了鼠标在网页上面的正常行为。鼠标无法通过左键点击，选中文本。但是网页上看到的内容都是浏览器加载 html 代码文件渲染出来的，既然能看到，说明在html文件中内容样式都是有的，我们要做的就是把这部分拿出了单独再渲染下，就可以随便copy复制了。

具体操作

1、看html文件源代码

打开要复制的网页，按F12，会在底部弹出前端调试界面，如下图红色框选，按快捷键 Ctrl + Shift +C 进入调试状态

测试参考网址：https://appplu0x0d02809.h5.xiaoeknow.com/p/course/audio/a_644e32afe4b0cf39e6c38368

2、获取要复制的内容的源html代码

进入调试状态，鼠标移到要复制的内容上，对应源代码中会显示该模块，点击折叠符 ... 可查看完整内容，如下图。

此时如果只是要复制文字，就可以直接在源代码中双击该模块，选中要复制的文字，直接复制就行。

但如果要一次复制多段文字或者文字及图片一起复制，则需要选中一个大的范围的代码模块（html代码都是有层级嵌套的，html中包含 header 和 body，body就是主体呈现的内容，里面包含了 div的多级嵌套、script、style），然后拿出来单独渲染。具体操作如下：

鼠标移动到该代码模块，右键点击，弹框如下图，选择 Copy -> Copy element，这样就把要copy的这部分内容代码复制到剪贴板中，本文举例复制的源代码如下：

PS：如果要复制的内容是错开不连续的，又不想去找包含整体的大模块，暴力点就直接copy 整个html 元素，操作方法就是鼠标移到源代码区域的第二行 <html ... > 按上述方法右键copy element。

<span style="font-size: 15px; color: rgb(0, 0, 0);">大家好，我是第一节课程的讲师林安。从2018年离开职场至今，我经历了近6年的自由职业探索，也经历过三次职业转型，访谈了接近300多名自由职业者，组织过200多场自由职业线上、线下沙龙分享会，其中接触过的自由职业转型案例更加不计其数。</span>