【黑科学堂】Get新技能,有手就能学废

??昨日推文??

?:本文阐述的方法及其引用的图片,均以学习为目的,请勿用作非法!

基础知识,大佬勿喷【黑科学堂】Get新技能,有手就能学废 最新 图1张

有时为了网页截图美观,或者去除遮挡物,需要修改网页上的内容
我们可以使用浏览器自带的开发者工具,下面听我慢慢讲。
演示工具:QQ浏览器
①去除网页上不想要的板块
比如我要去掉下图红框中的部分
【黑科学堂】Get新技能,有手就能学废 最新 图2张
按下F12,选择Elements,然后点亮左上角的箭头。

【黑科学堂】Get新技能,有手就能学废 最新 图3张

把鼠标移动到你需要去除的版块,单击一下,此时该区域代码会变蓝,在蓝色代码区域右键,选择Delete element
【黑科学堂】Get新技能,有手就能学废 最新 图4张
页面上这个板块就没有啦~
【黑科学堂】Get新技能,有手就能学废 最新 图5张

②修改网页上的文字

可能会有小伙伴说直接审查元素就可以了,但莫理觉得那样有点复杂~

其实只要一行JS代码即可实现修改文章!

打开需要修改的网页,按下F12,打开开发者工具,选择Console,输入代码。
document.designMode="on"
【黑科学堂】Get新技能,有手就能学废 最新 图6张

按下回车,接下来就能随意编辑页面内容啦~

改ZFB金额?改百度百科名字?任何恶搞时刻,不容错过!

【黑科学堂】Get新技能,有手就能学废 最新 图7张

③修改网页上的图片

比如我们想把下面箭头所指图片换成自己【黑科学堂】Get新技能,有手就能学废 最新 图8张
【黑科学堂】Get新技能,有手就能学废 最新 图9张
我们先把替换的图片上传到QQ空间相册。
【黑科学堂】Get新技能,有手就能学废 最新 图10张

打开相册里面的图片,右键选择“复制图片地址”。

在需要替换的图片处右键,选择“检查”,双击src=“xxx”里的内容,然后把我们复制的图片地址粘贴过来就大功告成!

【黑科学堂】Get新技能,有手就能学废 最新 图11张




喜欢就点个“在看”吧

文章转载自微信公众号:莫理