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

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

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

我们看一下这个新闻,中国甘肃网,加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,任意字符都可),就能显示出来

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

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

底线镇楼:

发表评论

登录后才能评论