电脑上的审查元素怎么用(图解审查元素使用)

第一个作用：修改页面显示内容。

我们看一下这个新闻，中国甘肃网，加v认证，无良造谣的可以轻松改一下，成这样：

（PS：技术教学，没别的意思，，，，律师函警告？？）

其实非常简单，没有任何的技术难度，这里用火狐浏览器教学，别的浏览器可以自行右键审查元素，首先按F12，显示，如下界面

轻轻松松搞定，因为网页显示的内容是已经在电脑中下载好的，所以你可以通过修改代码的方式更改显示的内容，也就是说刷新了一下就没有了。当然你可以修改支付宝余额的显示，教务网成绩的显示，没有实际意义，但可以截图装x。。。要是有入侵服务器进行修改的大佬，带带我。。。

第二个作用：修改一些网页解除不能复制的限制。说起不能复制，作为当代大学生估计有话说了，百度文库就是个 弟弟！，复制个东西还要开vip，

现在不用愁了，手把手教你破解，首先F12，进入控制台，

在图示地方，输入oncopy，跳转至那个代码

双击，修改值为 return ture，回车。即可实现对百度文库的复制。当然这个功能不是非常好用，如果想大量复制的话，安装油猴子（在浏览器技巧中有，可以自行学习），或者在

控制台中，复制如下代码：

(function() { ‘use strict’; if(!$){ var s = document.createElement (“script”); s.src = “http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js”; s.async = false; document.documentElement.appendChild (s); } let timeoutId = -1; let downloadBtn = ‘<div id=”reader-copy-div” style=”float:left;padding:10px 20px;background:green;z-index:999;position:relative;top:60px;left:0px;”><a id=”reader-copy-text” href=”###” style=”color:white;font-size:15px;”><b class=”ui-btn-btc”>复制此页</b></a></div>’; let toastDiv = ‘<div id=”page-toast-div” style=”margin: 0px auto;background: black;opacity: 0.8;padding: 15px 30px;position: fixed;z-index: 10001;display: block;top: 85%;left: 44%;”><span id=”page-toast-span” style=”color:white;font-size:15px;”></span></div>’; let opacity = ‘0.95’; let ua = navigator.userAgent; if(ua.indexOf(“Edge”) >= 0){ opacity = ‘0.6’; } else if(ua.indexOf(“Chrome”)){ opacity = ‘0.95’; } let textBlockDiv = ‘<div id=”page-textblock-div” style=”width:100%;height:100%;position: fixed;z-index: 9999;display: block;top: 0px;left: 0px;background:rgba(255,255,255,’ opacity ‘);-webkit-backdrop-filter: blur(20px);display: flex;justify-content:center;align-items:center;”><div id=”page-textblock-cancel-layer” style=”width:100%;height:100%;position:fixed;top:0px;left:0px;”></div><pre id=”page-textblock” style=”width:60%;font-size:16px;line-height:22px;z-index:10000;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;word-break:break-all;max-height:70%;overflow:auto;”></pre></div>”‘; function Copy(str){ let result = false; let save = function(e){ e.clipboardData.setData(‘text/plain’, str); e.preventDefault(); } document.addEventListener(‘copy’, save); result = document.execCommand(‘copy’); document.removeEventListener(‘copy’,save); return result; } function ShowToast(str){ if(timeoutId >= 0){ clearTimeout(timeoutId); } $(‘#page-toast-div’).remove(); $(‘body’).append(toastDiv); $(‘#page-toast-span’).text(str); timeoutId=setTimeout(“$(‘#page-toast-div’).remove();”,1500); } function ShowTextBlock(str){ $(‘#page-textblock-div’).remove(); $(‘body’).append(textBlockDiv); $(‘#page-textblock’).text(str); $(‘#page-textblock-cancel-layer’).click(function(){ $(‘#page-textblock-div’).remove(); }); } function PrependButtonTo(ele){ ele.prepend(downloadBtn); ele.find(‘#reader-copy-text’).click(function(){ let str = “”; let parent = $(this).parent().parent(); parent.find(‘.reader-word-layer’).each(function(){ str = this.innerText.replace(/\u2002/g,’ ‘); }); str = str.replace(/。\s/g,’。\r\n’); let result= (str.length > 0); if(result){ ShowToast(“解析成功”); ShowTextBlock(str); }else{ ShowToast(“解析失败，请等待网页加载”); } }); } $(document).ready(function(){ $(‘.mod.reader-page.complex’).each(function(){ PrependButtonTo($(this)); }); });})();

你的网页左上角就会有一个复制此页的选项，就可以进行无脑粘贴，但是只对本页面有效，关了重开你还要重新copy，所以。还是安装油猴子，安装这个脚本好使。

第三个作用：查看网页已保存的密码，这个地方提醒大家，都是学计算机的，不要把密码保存在浏览器里面，要不然容易被盗窃！

这里举个例子，你把密码保存到网页上，别人使用你的电脑到这一步，打开控制台，用左上角那个定位密码框，

将这里的type（类型）里面双引号随便修改成txt（只要不是password，任意字符都可），就能显示出来

所以，你们懂得。此法可以用于看网页上星号加密的内容等，思维放宽阔。

如果学过网页编程的的话，对这些源代码有进一步的了解的话，审查元素的作用是十分巨大的，甚至可以下载网页视频，去除广告的奇效。如果还有什么有趣的技能，可以与我分享。

底线镇楼：