f12获取网页文本_浏览器中F12的妙用,极大拓展功能,还能装X防骗

很多程序员对F12这个开发者工具非常的热爱,其实F12对于非程序员的我们来说,也有不少的实用功能,不仅可以操作许多在网页上无法操作的功能,还能带你装X、教你防骗。

1、复制网页无法复制的文字

举例,当你在下面这种网站,需要复制其中某段文字的时候,突然弹出这样一个窗口。

要是为了复制这么一段文字去注册一遍,也真是醉了~~~

33cb20d80144c4cc9a6e306958328f3d.png

这个时候,F12可以帮你大忙。

具体步骤:F12 - 点击弹出菜单的左上角箭头-然后在网页中选定你要复制的文字-页面下方双击文字即可复制。

0618b7209f039dd4d00107f31ab81dff.png

没看懂?没事,看下面的演示

1c7c5510dc9cf25aa57ba286faf43729.gif

非常方便。绝大部分无法右键复制的网站,都可以采用这种办法。

2、保存网页无法右键保存的图片

如下图,京东上的商品图片,右键并没有保存图片的选项。

b48104f80fd6f99d8e4006dc11da2e94.png

此时通过打开F12,则可以很快的找到图片地址,步骤和上面的一样。把获取到的地址再粘贴到浏览器,即可以获得图片了。

8c881ed3ef19f8031ba3a6bfa05e93bb.png

演示一下

fbfe9d1a0593a567d4801c3749e9239d.gif

3、去除网页组件方便截图

有的时候我们会需要使用到地图的素材,如标注地点或者是路线图来更好做说明。

如在百度地图里,你会碰到这样的情况,好好的一张图,却被各种网页给遮挡住了,怎么也关不了。要么就只能是把地图缩小,这样的话,标注的内容明显就不清晰了。这种情况,用F12也好用。

88387c9de0d9795939f9f3a11213dfaf.png

同样的,F12-- 点击弹出菜单的左上角箭头 - 移向页面中的窗口组件(不需要点击)--下面的源代码也会随之自动定位到这些组件对应的语句上去--对准不想保留的组件点下鼠标左键--选择这个组件对应的源代码--按【Del】键

7d1fed8ee0d1437a9b0dcee3c31b5ae5.png

82a066f54a34e6509a2242bbcd1b73de.gif

使用同样的方法,把其他剩下的悬浮组件全都删除掉,一张干净的路线图就出现在你面前了。

f809720cda677cf4a0043332e30c5f1e.png

有些人可能会担心了,这样随随便便就把人家的网站给改了,还不被人追着打吗?

你想多了大兄弟,这些只是修改你自己电脑上的数据而已,不会影响网站的。重新点一下【F5】键你看看,是不是又复原了~~~

4、装X(防骗),这个一定要知道

现如今移动互联的时代,各种各样的装X(骗子)层出不穷,动不动就是轻松月入过万,日入上千,而且还附有证据,最常见的一种就是晒“收益”、晒“业绩”,比如下面的平台日收入,

35f55e5ce1cd9a17b33f7b29401ed325.png

b64a4ff98c5572ed9b0d04d1434d1bb3.png

a6a145e9990b7be0d4639d3613473cc3.png

2a0d6dbadf07b44f6fc233cbaf1adcc6.png

天下哪有那么好做的生意,有这么好的事还会拼命的告诉你?凭啥啊~~~

这些东东完全就可以用F12给做出来,用上面的方法就可以找到要更改数据的地方。

bb6a73a05a4ac8da0e2482cdbd9c00e3.png

这下该知道怎么装X,怎么防骗了吧?

欢迎交流!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浏览器F12功能是开发者工具,它可以帮助开发人员在浏览器进行调试和分析网页的过程。F12开发者工具提供了丰富的功能和选项,包括元素查看、控制台、网络监视器、调试器等等。 首先,元素查看是F12开发者工具的核心功能之一。通过元素查看,我们可以查看和修改网页的HTML和CSS代码,可以实时预览对页面的修改结果,方便调试和优化网页的布局和样式。 其次,控制台是一个强大的交互式工具,可以查看和调试页面的JavaScript代码。我们可以在控制台输入JavaScript代码,修改变量的值,甚至执行函数来验证代码的正确性。控制台还可以输出网页的日志信息和错误信息,方便开发人员定位和解决问题。 另外,F12开发者工具还包括网络监视器,可以监视网页的网络请求和响应,显示请求的详细信息、耗时和传输大小等。这对于优化网页性能和分析网络请求非常有帮助。 此外,调试器是F12开发者工具的另一个重要功能,可以帮助开发人员分析和调试JavaScript代码的执行过程。调试器可以在代码设置断点,让代码执行到断点处停下来,然后逐步执行并观察代码的变化。这对于复杂的JavaScript代码调试和错误排查非常有用。 总之,F12功能浏览器开发者工具的一个重要组成部分,提供了丰富的功能和选项,帮助开发人员调试、分析和优化网页的过程。无论是开发网页还是进行网页调试和优化,F12功能都是必不可少的工具之一。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值