学习
实践
活动
专区
工具
TVP
写文章

Get新技能,有手就能学废

昨日推文

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

基础知识,大佬勿喷

有时为了网页截图美观,或者去除遮挡物,需要修改网页上的内容

我们可以使用浏览器自带的开发者工具,下面听我慢慢讲。

演示工具:QQ浏览器

去除网页上不想要的板块

比如我要去掉下图红框中的部分

按下F12,选择Elements,然后点亮左上角的箭头。

把鼠标移动到你需要去除的版块,单击一下,此时该区域代码会变蓝,在蓝色代码区域右键,选择Delete element

页面上这个板块就没有啦~

修改网页上的文字

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

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

打开需要修改的网页,按下F12,打开开发者工具,选择Console,输入代码。

document.designMode="on"

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

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

修改网页上的图片

比如我们想把下面箭头所指图片换成自己

我们先把替换的图片上传到QQ空间相册。

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

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

喜欢就点个“在看”吧

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200505A0MEC300?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

关注

腾讯云开发者公众号
10元无门槛代金券
洞察腾讯核心技术
剖析业界实践案例
腾讯云开发者公众号二维码

扫码关注腾讯云开发者

领取腾讯云代金券