• 浏览器F12开发者工具的妙用【转载】


    原文链接https://blog.csdn.net/Sheng_zhenzhen/article/details/104674523

    一、复制不可复制的文字

    例子(比如我在某乎分享过一篇文章,我设置了不可转载,那么如果别人想复制我的文字时,就会出现下面这个标识【禁止转载】,也就是别人没法复制我的文章。)

    我们按下F12,或者右击鼠标选择【审查元素】,点一下下边弹出框左上角鼠标,然后去点击页面你想要的文字,下面框代码中亮的部分,看不到文字就点击箭头展开,看到文字,双击或者右键copy

    在这里插入图片描述

    二、下载不能右击鼠标选择保存的图片

    例子(比如说某库网需要vip才能下载的图片)

    首先我们打开不能直接下载图片的网站,然后使用快捷键F12,或者右击鼠标选择【审查元素】,然后选择【 network】,再选择【 Img】,刷新页面就看得到下面有图片资源了,大部分网页是这样结构,有些图片会在【 sources】那里打开左侧栏(请求回来的图片资源),总之能找到图片的资源所在位置就可以了。

    在这里插入图片描述

    三、当然还有作弊截假的数据图(修改余额,也可以修改页面的任意文字)

    例子(更改网页登录某乎显示的余额——修改的是网页请求来展示到页面数据,刷新即可恢复正常)

    我现在使用F12打开开发者工具,点一下下边弹出框左上角鼠标,然后去点击页面你想要修改的账号余额下面双击文字,马上就可以改一个数值,回车,关闭下面弹出框或者按F12关闭,然后截图炫耀去了。

    在这里插入图片描述

    四、使用浏览器截取整个网页。

    使用浏览器自带的截屏功能截取超过一个屏幕的网页

    F12或 Ctrl+ Shift+ I打开开发者工具,在任意 tab上按 Ctrl+ Shift+ P,在弹出的输入框里输入 Capture full size screenshot(其实不需要输入完整,可以自动补全),然后按回车即可
    在这里插入图片描述

    例子:

    五、查看网页登陆的隐藏的密码

    我现在使用F12打开开发者工具,点一下下边弹出框左上角鼠标,然后去点击页面你想要看到的密码,或者鼠标放到密码上右键审查元素/检查也可以,找到行内的文本框类型:type=“password”,改为type="text"回车,就可以了


    在这里插入图片描述

    六、简易计算使用浏览器计算即可

    我现在使用F12打开开发者工具,点一下下边弹出框console,然后输入8*5按下回车即可

     在控制台输入document.body.contentEditable="true"或者document.designMode = 'on'就可以实现对网页的编辑了。

    网页请求到的资源才可以。但是视频收费的还没请求到页面,根本不可以(本人不会,囧)。正常视频的地址都是blob:,然后下载也挺麻烦的需要一系列操作。但是,比如Q某音乐,部分歌曲可以网页播放,但是下载需要客户端,或者需要绿钻,你可以右键F12,然后找network下面的media然后,刷新网页点击音乐播放,点击size大小排序,右键新网页打开,最大的一般的就是请求文件,下载就好

  • 相关阅读:
    C#里的async和await的使用
    解决 .NET CORE3.0 MVC视图层不即时编译
    【转】CSS实现自适应分隔线的N种方法
    iscrolljs 看API 回顾以前开发中失误
    自由了-和过去说再见
    js 性能基准测试工具-告别可能、也许、大概这样更快更省
    dom事件不求甚解,色解事件捕获和冒泡
    百度mobile UI组件GMU demo学习1-结构和初始化
    自己收集原生js-2014-2-23
    如何在电脑上测试手机网站(补充)和phonegap
  • 原文地址:https://www.cnblogs.com/carey9420/p/14193011.html
Copyright © 2020-2023  润新知