手机版浏览器f12_小科普 | 如何用浏览器的F12装逼?

大家都知道,有时候B站专栏里的文字是不能选取更没法复制的,有时候提供了方便的网站链接、却要手动打,岂不是非常累(当然初衷是为了版权保护),那有没有什么办法能复制B站专栏文字呢?

复制不能复制的文字

之前也给大家带来过用电脑访问手机版网页的方法(戳这里),就用到过浏览器自带的F12[开发折工具Developer Tools]功能。这里我们打开一个B站专栏,等加载完按一次键盘上的F12,再点击右键网页空白处-[审查元素],

06eb029b5439be279ed4cfa35c4a3b22.png

在[Elements]中每一行都是分开的,鼠标在上面滑动,网页中对应的一行也会随之高亮显示,找到你要复制的内容,

e43a201536c833381cac2005fa686fbf.png

双击后就能直接复制,真的是傻瓜式操作。如果你想要复制整片文章,可以找到开头对应有一行

== $0,是包含整片文章内容的, c9dc213db98746bfc7c7c2b328717662.png

右键这一行,选择[Copy-Copy outerHTML],就能复制所有内容,但这里还会包含各种“乱码”(其实是HTML5语言),怎么去掉它呢?

d1f8255b22dd8a4a1ab60215e4011776.png

首先打开QQ邮箱中的写信,把内容粘贴进去之后,点击图中功能栏的[格式-可视化编辑],然后再把内容粘贴进去,

52a6cf47195ea8a3159af9746fea3482.png

虽然这时候还是乱码,但点击[返回可视化编辑]之后,

bbcc9e61fd7ed090bd96c68db020187c.png

瞬间就正常了,然后文字内容就可以直接一把抓了。

下载不能保存的图片

有时候看到网上的图片想要保存,但那个网站不支持下载,那该怎么办呢?除了通过Eagle等抓图插件,其实你也可以用浏览器自带的功能。首先在你要下载的图片上点击右键-[审查元素],

aae1d8cfdd0216287d4cbd64941371c9.png

浏览器会自动给你找出来图片对应的要素位置,

a60374bde551ed4a2331ae578d258048.png

右键点击条目-选择[Open in new tab]就可以在新页面中打开,完了之后直接保存就行。

24258ba8a613309e9413d3cfb5f788f6.png

当然,也可以通过[Application-Frames-images]中直接找到图片进行下载。

截整个网页的图

手机上截图方便,截长图也有办法,但电脑就不那么容易了,用F12打开开发者工具,然后按[CTRL+SHIFT+P]在框中输入Capture full size screenshot,确定后回车即可保存整个网页长图。(图片会自动下载)

207c882862baee8a98cf750438751cf1.png

下载未必能下的音乐

突然在一个网站上听到了喜欢的音乐,但是不能下载怎么办呢?按F12,选择[Network-Media]双击加载的音乐,

b7ca8ff30663a331b073f5037472d4ed.png

此时会在新网页中弹出打开,选择三个小点儿-下载,即可。

7e838c758b89f18666b09cf1c2df961a.png

此方法也可以用在一些奇妙网页中的音乐、视频等素材下载。

装出装不出的逼格

当你某一天无聊了,想零成本装个逼怎么办?凉拌?

还是老方法,右键你要改动的地方,选择[审查元素],就比如说这个B币,我只有5个,

c4b71c5e78fa3a1c00272f2f4a74164a.png

双击代码中的5,改成任意数字,这里我改成99999,

a3761b368c6071aec6ceef1313a428d5.png e068a09ae3403e559e0f991aeb66867f.png

回车确定后,就真的变成了99999 B币(只改动本地,刷新后复原)...

有时候,实现梦想,真的比枕头还快。

d5b4a36815215625217beabaa19f760c.png d4bc1f5d78434a633eb66fee8e54ee2d.png 0ace20a2026f6a015a9beb9612eb79e9.png

参考&引用:

https://hocassian.cn/tech/766

360doc.com/content/17/0314/12/13044332_636750558.shtml

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浏览器F12控制台是一个强大的工具,用于开发人员在网页调试和开发过程中进行排错和测试。 首先,要打开浏览器F12控制台,可以按下键盘上的F12键,或右键点击页面,选择“检查元素”或“查看元素”等选项,然后切换到“控制台”面板。 在F12控制台中,可以进行以下操作: 1. 错误和警告:控制台会显示页面上的错误和警告信息,包括脚本错误、资源加载失败等。你可以点击错误消息查看详细信息,并根据提示进行修复。 2. 日志输出:你可以在控制台中使用console.log()等函数在页面上输出信息。这对于调试脚本或查看变量值非常有用。 3. 网络请求:控制台中有一个“网络”面板,用于查看页面的网络请求和响应信息。你可以查看请求的详细信息、响应头、请求时间等,帮助你分析网络问题。 4. 元素审查:在“元素”面板中,你可以查看和修改当前页面的HTML和CSS代码。你可以通过选中元素来检查其样式、计算属性、事件监听等。 5. 执行JavaScript代码:在控制台中,你可以直接输入和执行JavaScript代码。这对于测试和调试一小段代码非常有用。 总之,F12控制台是一个非常强大的开发工具,可以帮助开发人员快速定位和解决问题,提高网页的性能和质量。只要熟悉一些基本的命令和面板功能,你就可以更高效地开发和调试网页。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值