精华内容
下载资源
问答
  • 接下来教你几个复制网页内容的方法。 1、网页另存 在无法复制文章内容的情况下可以在把整个网页的内容保存到电脑上,然后根据保存的网页复制所需内容。 操作方法:右击网页空白处-->点击【另存为】保存网页--&...

    无论是学习还是工作中我们经常会用电脑查找资料,而在找到所需资料想拷贝到电脑上却发现网页无法复制内容,或需要支付相应的费用才能复制部分内容时怎么办,是望梅止渴还是另寻出处呢?接下来教你几个复制网页内容的方法。

    1、网页另存
    在无法复制文章内容的情况下可以在把整个网页的内容保存到电脑上,然后根据保存的网页复制所需内容。
    操作方法:右击网页空白处-->点击【另存为】保存网页-->打开保存的网页-->复制所需的文字。

    2、打印预览
    发现网页上的内容不能复制后还可以用【打印】网页内容的方式把需要的字段复制下来。
    操作方法:右击网页空白处-->点击【打印】预览网页-->等待页面打印出来后选择文字复制即可。

    3、源代码复制
    这个方法比较简单,直接查看网页的源代码,在代码中复制自己想要的内容,缺点在于网页分段过多的话需要手动去除相关字符。
    操作方法:右击网页空白处-->点击【查看网页源代码】-->复制代码中所需文字-->去除多余字符。

    4、识别文字
    现在的很多手机在出厂时都搭载了文字图片识别功能,你只需要用手机把文字拍摄下来就可以复制成文本了。下面用华为手机作为案例示范步骤。
    操作方法:打开相机的【智慧视觉】-->把相机对准所需文字-->识别出文字后点击【复制】按钮拷贝文字。

    以上就是多种常用的在网站不能复制文本的情况下拷贝文字的方法了,你还有别的方法吗,赶紧来分享吧。

    展开全文
  • 1、使用 JS、CSS 分别实现禁止复制 HTML 页面内容,会产生不同的页面效果 2、如何实现禁止复制 HTML 页面局部内容 一、复制html页面内容,正确姿势 使用鼠标拖动,选择需要的文字,被选中的文字会变成蓝色。复制...

    1、使用 JS、CSS 分别实现禁止复制 HTML 页面内容,会产生不同的页面效果
    2、如何实现禁止复制 HTML 页面局部内容


    一、复制html页面内容,正确姿势


    使用鼠标拖动,选择需要的文字,被选中的文字会变成蓝色。复制、粘贴会得到想要的结果

    在这里插入图片描述

    二、JS 实现禁止复制


    1.1、代码实现:使用 onselectstart 事件,以下两种方式均可

    <html lang="en" onselectstart="return false">
    

    document.onselectstart = function(e){
        return false
    };
    

    1.2、效果(重复‘一’的正确姿势)

    选择文字的时候会发现根本选不到——没有任何文字变成蓝色(选中的状态)


    2.1、代码实现:使用 oncopy 事件,以下两种方式均可

    <body oncopy="return false">
    

    document.oncopy = function(e){
        return false
    };
    

    2.2、效果(重复‘一’的正确姿势)

    被选中的文字依然会变成蓝色。但是复制之后,粘贴是没有效果的——选中的内容没有复制到剪切板


    三、CSS 实现禁止复制


    1、代码实现

    body{
        user-select:none;
        -moz-user-select:none;
        -webkit-user-select:none;
        -ms-user-select:none;
        -khtml-user-select:none;
    }
    

    2、效果(重复‘一’的正确姿势)

    选择文字的时候会发现根本选不到——没有任何文字变成蓝色(选中的状态)


    四、如何实现禁止复制局部内容


    复制表格时,如果有这样的需求场景:不需要复制表格的操作项单元格,其他的单元格则可以被复制。


    1.1、给目标单元格设定样式

    <table border="1">
        <tr>
            <th class="disableSelectText">操作</th>
            <th>编号</th>
            <th>名称</th>
        </tr>
        <tr>
            <td class="disableSelectText">删除</td>
            <td>test1</td>
            <td>测试1</td>
        </tr>
        <tr>
            <td class="disableSelectText">删除</td>
            <td>test2</td>
            <td>测试2</td>
        </tr>
    </table>
    
    .disableSelectText{
        user-select:none;
        -moz-user-select:none;
        -webkit-user-select:none;
        -ms-user-select:none;
        -khtml-user-select:none;
    }
    

    1.2、效果(重复‘一’的正确姿势)

    选中的文字就是我们想要复制的内容,但是在 excel 粘贴的时候会发现操作列还是被粘贴出来了

    在这里插入图片描述
    在这里插入图片描述

    2、JS 能实现吗

    上述给局部元素设置样式对复制并没有效果,其实同样,用js给局部元素添加事件依然无效:

    • 因为我们复制的是整个表格,$('.disableSelectText').oncopy 事件是不会被触发的
    • $('.disableSelectText').onselectstart 事件只会阻止鼠标在该元素上进行选择,而鼠标移到表格外进行选择的话,同样可以复制整个表格

    3、操作Selection和Range对象来实现

    参考文章:【JavaScript编程】Selection对象和Range对象


    代码实现:

    document.body.oncopy = function(e){
        var sel, range, con
    
        try {
            sel = window.getSelection()
        } catch (error) {
            sel = document.selection // ie
        }
        range = sel.getRangeAt(0)
        con = range.cloneContents()
    
        if ($(con).find('.disableSelectText').length) {
        	// 删除禁止复制的节点
            $(con).find('.disableSelectText').remove()
    
            var oDiv = document.createElement('div')
            oDiv.style.position = 'fixed'
            oDiv.style.top = '100%'
    
            if ($(con).find('table').length) {
                oDiv.appendChild(con)
            }
            else {
                var oTable = document.createElement('table')
                oTable.appendChild(con)
                oDiv.appendChild(oTable)
            }
    
            document.body.appendChild(oDiv)
    
            sel.selectAllChildren(oDiv)
        }
    }
    

    展开全文
  • 还可以对网页进行打印,这样看到有用的网页信息我们就不用复制粘贴到文档中再进行打印了,不过有时候网页太长了,很多用户不知道要如何全部打印,为了帮助到大家,这就教大家怎样打印整个网页内容吧,希望可以帮助到...

    大家都知道我们不仅可以打印文档表格等,还可以对网页进行打印,这样看到有用的网页信息我们就不用复制粘贴到文档中再进行打印了,不过有时候网页太长了,很多用户不知道要如何全部打印,为了帮助到大家,这就教大家怎样打印整个网页内容吧,希望可以帮助到大家。

    具体步骤如下:

    1、首先,我们打开想要打印的网页,如图所示。

    2cf51fb44a6bb00a64f163e3db5e0fe2.png

    2、把鼠标放在该页面任意位置,单击鼠标右键,在出来的选项中选择打印,如图所示。

    5e8ad3273023cda54ad1b0cbae2ade06.png

    3、在打印页面右侧的预览中查看我们想要打印的内容是否完整,滑动鼠标看看共有几页,每一页有哪些信息。(我要打印的网页打印预览有四页,但是只有前两页有内容,后边两页是广告和大片空白,就没必要打印了)

    ff76fc9dfccb1ad396d016429772083c.png

    4、我们就在页码设置那里写1-2,然后点击上方的【打印】,如图所示。

    f586d7cd72a0fe9b2bf8dad118d56e19.png

    5、有些网页并不会出现预览页面,我们看不到需要打印的内容是否完整,整个网页有几页等。没关系,我们复制网址,换个浏览器打开(一般用360浏览器就可以)。

    6、同样单击右键,在出来的选项中选择【打印预览】。在出来的预览中如果发现打印的信息不全,可以通过调整页面比例,让信息全部显示出来。

    0dcd6353ef3e794f9cebb827a49c9831.png

    3346cb826d8a406291254b9f48057ddd.png

    上述就是网页太长如何全部打印的详细内容,只要按照上面的方法就可以将整个网页打印出来了,大家可以试试看吧。

    我要分享到:

    展开全文
  • 网上一些都是复制 input 框里的内容,这次做的是复制表格内容,记录一下做的功能,思路是把表格内要复制内容拼接成一个字符串,再把这个字符串赋值给 input 框里的值,再就跟 input 框一样操作复制功能了,最后是...

    最近要求要做一个复制表格内容的功能,效果如下:

    点击复制按钮,会出现下面的效果:

    网上一些都是复制 input 框里的内容,这次做的是复制表格内容,记录一下做的功能,思路是把表格内要复制的内容拼接成一个字符串,再把这个字符串赋值给 input 框里的值,再就跟 input 框一样操作复制功能了,最后是隐藏复制的内容。

    <div>
    	<table id="tableId">
    		<tbody>
    			<tr>
    				<td>第一行:</td>
    				<td><span id="one">1111111111111111</span></td>
    			</tr>
    			<tr><td><br></td></tr>
    			<tr>
    				<td>第二行:</td>
    				<td><span id="two">2222222222222222</span></td>  
    			</tr>
    		</tbody>
    	</table>		
    	<button id="copyButton"  onClick="copyTable()">复制</button>
    </div>
    <script type="text/javascript">  
    		
    	function copyTable(){
    		var one = $("#one").text();
    		var two = $("#two").text();
    		var str = "第一行: " + one + ' \n ' + "第二行: " + two;
    		var oInput = document.createElement('input'); 
    		oInput.value = str; 
    		document.body.appendChild(oInput); 
    		// 选择对象
    		oInput.select(); 
    		// 执行浏览器复制命令
    		document.execCommand("Copy"); 
    		oInput.className = 'oInput';
    		oInput.style.display='none';
    	}
    		
    </script>

    还有一个是复制 input 框里的内容

    代码如下:

    
    <p>点击复制后在右边textarea CTRL+V看一下</p>
    <input type="text" id="inputText" value="测试文本"/>
    <input type="button" id="btn" value="复制"/>
    <textarea rows="4"></textarea>
    
    <script type="text/javascript">
        var btn = document.getElementById('btn');
        btn.addEventListener('click', function(){
            var inputText = document.getElementById('inputText');
            var currentFocus = document.activeElement;
            inputText.focus();
            inputText.setSelectionRange(0, inputText.value.length);
            document.execCommand('copy', true);
            currentFocus.focus();
        });
    </script>	
    

    以上是两种不同的用法。

     

    展开全文
  • JS 复制页面源代码和复制页面内容

    千次阅读 2011-01-11 13:14:00
    页面上有这样一个div,现在采用两种方式复制div中的内容:1 复制源代码window.clipboardData.setData("text",document.getElementById("div1").innerHTML)2 复制显示内容var obj = document.getElementById("div1...
  • 一键复制整个网站 一键复制网站软件,要下的赶紧
  • 在浏览器地址栏输入这一行代码,然后回车,就发现整个页面都可以随意编辑了。仅仅是一行很短的代码。
  • 使用js复制页面内容

    千次阅读 2018-07-30 14:52:47
    "内容复制成功!" ); } script > head > < body > < textarea id = "copy" > 待复制内容 textarea > < input type = "button" onclick = "copyLink()" value = "点击复制" > input > body...
  • 地址栏输入这一行代码,然后回车,就发现整个页面都可以随意编辑了。仅仅是一行很短的代码。 页面上的所有内容都可以修改了,就像在word中编辑一样。那些不让拷贝的网站可以被这招通杀了。以后谁还会傻乎乎地分析...
  • 有些网页内容为什么不能复制

    千次阅读 2018-05-14 10:22:19
    有些网页内容为什么不能复制?怎么才能将不可以复制内容复制下来呢?估计在很多时候你会遇到很多的优美的比较实用的文章,你很想将其复制下来然后为己所用,但是可恨的是不知网页到底加了些什么东西搞得你复制不...
  • //监听整个页面的 copy 事件 document.addEventListener('copy',function(e){ // clipboardData 对象是为通过编辑菜单、快捷菜单和快捷键执行的编辑操作所保留的,也就是你复制或者剪切内容 let clipboardD
  • 上次有个同学问我她想要的资料的那个网页不能复制粘贴,单击右键根本没反应,这不,昨天我也遇到了这个情况,就总结了一下,写出来,供大家参考参考。1. 点工具,再接着点Internet选项,再点安全,再点自定义级别,...
  • 比如一些网站,虽然你可以看里面的东西,但是它不让你复制、下载网页内容,这就让人很郁闷啦! 好在“道高一尺魔高一丈”,今天我就教你怎么突破这些限制,随意复制下载网页的内容。 方法一:打印预览直接复制 第...
  • function exportExcel() { $("#main").table2excel({ // 不被导出的表格行的CSS class类 exclude: ".noExl", ... //是否排除导出输入框中的内容 exclude_inputs: false }); } 需要引入js文件, 下载地址
  • 复制整个Word文档 复制文档中的部分内容 复制页眉或者页脚 工具使用 Free Spire.Doc for .NET 6.3 Visual StudioPS:在以下示例中需要添加引用类库Spire.Doc.dll。(dll可在安装路径下的Bin文件夹里获取dll) 示例演示...
  • 剪辑整个网页 截取完整网页,暂时长微博的功能 ============ ============== ##问题 OOM bug将采用分段式的图片合成功能 ##依赖项loadtoast: ##执照 MIT许可证(MIT) 版权所有(c)2015 dodola 特此...
  • 我用过wget命令爬取整个网站,还算好用。 命令:wget https://alvincr.com/2021/01/can-not-login-in-backstage/ 完整命令:wget -c -r -np -p -H -k https://alvincr.com/2021/01/can-not-login-in-backstage/ ...
  • /*选择开始复制位置*/ $(document).ready(function(){ $("table").on("click","td[scode]",function(){ $("table td[scode]").attr("class",""); $(this).attr("class","inputred"); }); }); function ...
  • 思路:使用递归遍历整个目标目录 传入目标路径 判断是否是文件夹 是:调用listFiles()方法,得到File数组,重点内容接着执行1 否:复制文件到H:/All 源码: package FunDemo; import java.io.File; ...
  • 应工作要求,要控制网页内容不能轻易外泄,即,不能复制文字啦,不能下载网页中的图片啦,不能将网页另存为啦。网上很多例子,自己采用的方式如下: <body bgcolor="#404040" oncontextmenu = "return false" ...
  • 在地址栏输入上面这一行代码,然后回车,就发现整个页面都可以随意编辑了。仅仅是一行很短的代码页面上的所有内容都可以修改了,就像在word中编辑一样。那些不让拷贝的网站可以被这招通杀了。回复的话,就重新刷新...
  • 简单的爬虫,爬取整个页面,修改代码中的url可爬取指定网站。 import urllib.request # 导入包 def getHtml(url): # 获取html的内容 html = urllib.request.urlopen(url).read() # bytes 如果不用read()html会是...
  • js实现复制html页面

    2021-01-09 17:05:56
    js实现复制html页面 复制html <h5>一.单选题请选择</h5> <div class="pojo"> <h7>1.fajfajjj</h7> <p> <input type="radio" value=...
  • FireShort是一款网页截屏工具, 最出色的功能是可以截取整个网页 以Github趋势榜页面为例 github.com/trending: 使用方法: 至此 FireShot最好用的功能已经讲完了, 下面介绍的功能都不如QQ截图好用, 如果不是...
  • import win32com.client   app=win32com.client.Dispatch('Word.Application')   doc=app.Documents.Open(r'D:\winGUI\test\1.doc') doc.Content.Copy() doc.Close()     ... 
  • css、js实现网页内容禁止选中

    万次阅读 2018-04-15 22:38:22
    网页内容不能选中、复制应该如何实现呢? 通过css *{ moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none...
  • 常见样式:商城展示产品 整个页面的排版展示几乎一样场景:产品经理会给前端有关产品介绍的表格,此时不可能用复制粘贴的方式,不仅浪费时间,而且易出错。例如表格如下解决方案:首先按照UI设计师给的PSD样式,设计...
  • 如何复制加密网页中的文字(转)

    千次阅读 2017-11-03 18:46:25
    今天在网上看到了一个不错的FPGA学习教程,就想把教程复制下来,可以在不上网的时候再看,但打开后发现网页无法使用右键,也无法复制,于是就把整个网页另存下来在桌面上,用记事本打开后,发现网页是加密的,一大堆...
  • vue页面文本改为可复制

    千次阅读 2019-09-24 10:03:48
    vue页面文本改为可复制 问题描述 很多时候用户希望可以通过选中页面中的文字来复制文本,但是我们会发现使用vue完成制作的页面上的文本用户是无法选中的,因此也不能够实现复制的操作。 解决方法 其实我们只需要在...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 162,816
精华内容 65,126
关键字:

如何复制整个页面内容