们常会遇到一些网页内容无法复制,但是有没有什么好的解决办法,今天咻半仙就带着大家一起总结下当遇到网页内容无法复制的时候,怎么解决。当然这里的探讨先不说百度文库这类。
网页内容无法复制常表现为无法右键和禁止复制两种,我们都可以把它看成无法右键的情况来统一解决,我们常常要复制的内容包括图片和文字,那么我们就分类来说怎么解决。
利用三方浏览器的快捷键一键保存图片
我们常用的360浏览器、QQ浏览器、搜狗浏览器、UC浏览器等,都是带有一键保存网页图片的功能的,比如360极速浏览器的快捷键就是Alt+鼠标左键,就可以弹出一键保存图片界面,这样就可以轻松保存网页内的图片了。通常首次使用这个功能,都会让你设置默认保存位置,设置完以后保存就是自动存了。
利用浏览器的开发这功能查找元素保存图片或者文字
一般浏览器的开发者模式就是按下F12键,进入后点击最左侧的鼠标箭头键,然后找到网页内的图片或者内容,你就会发现下放代码处就是对应的内容了,这时候把内容复制下来然后加以整理,就可以轻松保存图片或者网页内容
开发这功能查看网页元素
利用“查看源代码”功能找到图片及内容
浏览器的查看源代码的快捷键是Ctrl+U,通过查看源代码,我们可以轻松找到网页图片路径及网页文字内容,这时只需要复制即可。
使用快捷键Ctrl+U查看网页源码
保存网页内容到本地
不知道有没有同学注意到,我们在浏览器中选择保存当前网页,选择全部内容时,保存后的网页分为一个html文件和一个相同名称的文件夹,保存完的html文件中就是网页的文字内容,我们用文本编辑器打开就可以复制内容,对应的文件夹内就是当前网页所有的图片,想要哪个就拿哪个咯。
保存网页全部文件到本地
剩下的就是利用其他的工具了,比如整站下载器、抓包工具等等
其实浏览器本身的功能就是十分强大的,我们也可以直接使用Chromium浏览器自带的抓包功能定位网页中的每一个文件的路径,用起来也是十分方便,不过个人觉得以上方法足够使用,如果你有更好的方法,可以在下面留言。
以上就是给大家带来的网页小技巧,如果觉得好,可以收藏转发关注我。
前端项目开发的时候,系统支持文件下载是前端开发中常用到的功能之一,当用户访问我们的网站时发现有自己需要的资源时可以将资源下载下来。文件下载主要有两种形式,一种是通过文件地址下载,该文件可以存放在前端或者后端。另一种则是通过文件流下载,前端通过发送请求给后端并获取后端文件流进行下载。
download属性:是HTML5中的a标签的新特性,用来规定被下载的超链接目标。在a标签中如果没有申明download属性的时a标签的默会链接跳转进行预览(如txt , jpg , pdf ),当前浏览器不支持预览的文件时则出现下载。当申明了download属性之后浏览器会对href属性链接的文件进行下载。download属性与不支持H5的低版本浏览器不兼容且仅限于同源文件,如果是非同源download属性会失效。比如引用第三方的网站内容、引用前后端分离的服务器内容、甚至本地测试引用的本地文件,download都会不起作用。如果你想测试该功能可以在本地开一个服务,将文件放同一服务中测试就可以了。
直接使用a标签时只要在a标签中添加download属性,如果是非a标签的话可以在出发事件的时候通过JavaScript来创建一个隐藏a标签下载,当我们点击时触发隐藏的a标签下载事件。这里使用appendChild和removeChild的处理是为了兼容Firefox浏览器。
需要了解XMLHttpRequest可以参考文章:JavaScript实战001:XMLHttpRequest使用入门,这里我利用XMLHttpRequest对象来发送请求,用blob类型来接受后台发过来的二进制类型文件。然后模拟a标签创建隐藏的下载链接,通过URL.createObjectURL()方法创建一个指向blob对象的URL地址。
iframe是HTML标签元素,可以用来创建内联框架。iframe提供了src属性用来规定在 iframe 中显示的文档的 URL,我们可以直接将文件地址抛给iframe,也可以赋值文件流地址给iframe。功能实现跟a标签有点相似,创建一个隐藏的iframe标签来实现文件的下载功能。使用文件地址下载需要注意的是浏览器支持预览的文件类型无法下载(比如图片、PDF文档、text文本等会直接打开文件预览),文件流下载只需将请求接口赋给src属性,iframe会自动去请求该文件实现下载。
window.open()方法用于打开一个新的浏览器窗口或查找一个已命名的窗口,也可以用它来实现文件下载功能。而且这个比iframe更简单,直接将文件地址或者请求接口赋给window.open(url)方法即可实现文件下载功能。但是有个缺点就是每次下载都会打开一个新的窗口来实现下载(想不跳转可以尝试window.location.assign()方法,用于加载一个新的文档),而且如果使用文件地址下载的是浏览器支持预览的文件类型无法下载(比如图片、PDF文档、text文本等会直接打开文件预览)。
form表单是个比较常用的html表签,用户提交用户信息,比如常见的登录、注册界面大部分都是通过form表单进行数据提交的。form表单所有要提交的数据都必须放在form标签中,method属性定义提交的方法(有get和post两种提交方法),action属性定义请求的地址。form标签中支持input、menus、textarea、fieldset、legend 和 label 等元素,通过submit向服务器提交数据。这里我创建了form表单和input框,input用于输入请求的参数,form用于提交数据请求。
这里提供下Django的后台文件请求接口,以上文件请求都是基于该接口实现的。接收请求方法为GET,请求参数为id(数据库存储的文件id),采用FileResponse方式返回的文件流信息(具体实现功能可以参考文章:Django实战013:各种文件下载功能实现详解)。
下载的方式方法有很多,以上只是JavaScript中常见的几种下载方式。其实用ajax或者axios也可以实现下载,但是万变不离其中,会JavaScript下载害怕不会别的么。以上下载方式个人觉得还是iframe比较简单方便,请求最好还是通过文件流来实现,相对文件地址下载会更安全些。
更多前端技巧可以参考专栏:Vue实战技巧
内容来源于@什么值得买APP,观点仅代表作者本人 |作者:突突兔too秃
老婆做进出口的,前一段发了一个知识贴给我,以为是要打印,搞了半天是因为网页不让复制,所以分享给我。
这可笑坏我了,还有什么方法能突破“禁止复制”禁术,当然唯我漩涡鸣人的影分身之术了。看我如何活学活用,复制粘贴。
实际上,我觉得老婆大人的方法是最实际的了。这绝不仅仅是出于对老婆大人的尊重,而是实事求是。不让复制就不复制呗。我也就平时存起来备查。当然,如果实在找不到人分享,那就分享给“文件传输助手”吧。
有一种孤独叫智能发给穿书助手
同样的寂寞(划掉)方法,我们也可以通过QQ把地址分享给“我的Android手机”。
比方法1稍微高级一点的是,将有关内容在微信中打开后,选择“收藏”,这样以后就可以直接在我的“收藏”中找到了。
当然,以上方法还只是迂回作战,说白了禁术还在,只是找了个方法替代。真的如果需要复制的时候就白瞎了。
使用Chrome浏览器或者360浏览器,然后直接选择部分文字,鼠标按住左键,就可以把文字拖拽到QQ对话框了。
step1
step2
同样是在360浏览器上面,鼠标选择要复制的文字,然后右击鼠标,选择保存为文本。
step1
再选择一个文件夹保存。
step2
打开指定文件夹中的TXT文档,就能得到相应的文字了。
如果要评论这种生拉硬拽的方法,那就是霸气。
当然,也有不足,每一次都要这么拖拽,鼠标手是跑不掉的了。而且并没有办法一次性全部选择。
step1:使用QQ对话框的截图工具。
step2:然后右击图片,选择提取图中文字。
step3:点击下载。
step4:就可以在指定文件夹中找到picture和result两个文件。马上就能下载了。
当然,这个和方法3一样,不能全选,需要反复的复制粘贴。
使用手机自带功能进行滚动截屏后,再打开微信小程序“传图识字”,然后进行orc识字,就可以复制了。
step1:我的手机是华为的,使用指关节写一个“S”,就可以滚动截屏。
step2:然后进入传图识字后,点击“从相册中选取”。
step3:点击全选,然后复制,就可以在对话框中张贴了。
不过需要注意的是,过长的图片也可能出现识别失败。像这次,我就只选择了一半。而orc识别最大的问题,还是准确性。只能安慰自己就当是检查作业,外加复习了呗。
step1:使用手机edge,然后在网址中点击阅读模式;
step2:选择“全选”-“复制”;
step3:再粘贴到备忘录中。
同样的方式,也可以在UC上使用。
比起edge和UC还要使用阅读模式,夸克直接跳过了第一步。
难怪这款手机App会受到大家的喜欢。
在谷歌浏览器上打开网页,点击“F12”,又或者在网页上点击右键,选择“检查”。
然后再选择“setting”或者直接按“F1”,然后找到debugger-disable Javascript,勾选,就可以复制粘贴了。
不过,记得用完取消勾选disable-Javascript,需要的时候才开启。
总结一下,其实无非就是三种方法,一种是听之任之,一种是使用其他工具进行orc识别,最后一种就是破坏网页的规则。以上的方法大部分也是小白级别,还没涉及到油猴脚本等等。但是贵在实用,平时有文案撰写、论文写作等需求的值友欢迎收藏,毕竟用的时候才能记得住。
*请认真填写需求信息,我们会在24小时内与您取得联系。