小帅喵吧 关注:3,928贴子:72,147
  • 21回复贴,共1

F12开发者工具,对我们有什么用?

只看楼主收藏回复

1楼祝百度越办越好


IP属地:广东1楼2018-08-13 18:02回复
    很多程序员基本上知道F12这个开发者工具快捷键,但是这个快捷键对于我们来说有什么用处呢?
    不知道大家有没有试过在浏览器中不小心打开下面这个开发者工具界面

    或者打开的是这样的:代码在最下面


    IP属地:广东2楼2018-08-13 18:21
    回复
      这个没有关系,我们可以在右上角调节窗口显示的位置。

      这个代码的窗口是怎么出现的呢?
      我们可以按快捷键F12,或者在网页右击鼠标选择【审查元素】

      就可以打开这个开发者工具了。
      那么这个开发者工具,对于我们非程序员来说,有什么用呢?


      IP属地:广东3楼2018-08-13 18:22
      回复
        一:复制不可复制的文字
        比如我在知乎分享过一篇文章,我设置了不可转载,那么如果别人想复制我的文字时,就会出现下面这个标识【禁止转载】,也就是别人没法复制我的文章。

        但是,别人就是喜欢这一段,只是想引用一下,那么怎么复制我的这段文字呢?
        这时候F12开发者工具就派上用场了。
        我们按下F12,或者右击鼠标选择【审查元素】,调出开发者工具
        然后使用查找快捷键:Ctrl+F,然后在下面查找那里输入我们想复制的那段文字的前几个字,就可以找到文字的源代码了。

        这时候我们在那段文字源代码右击鼠标,选择【copy】,就可以复制了。


        IP属地:广东4楼2018-08-13 18:24
        回复
          二、下载不能右击鼠标选择保存的图片
          首先我们打开不能直接下载图片的网站,然后使用快捷键F12,或者右击鼠标选择【审查元素】,然后选择【nerwork】,再选择【Img】,大部分网页是这样结构,有些图片会在【sources】那里栏,总之能找到图片的资源所在位置就可以了。

          在右边那一栏就是我们需要找的图片资源
          右边找到我们需要的图片资源,然后右击鼠标选【Open image in new tab】,在新的页面打开图片。
          然后就可以右击鼠标另存为下载图片资源了了


          IP属地:广东5楼2018-08-13 18:30
          回复
            ————— END —————
            本帖转载自知乎专栏,作者李云景,文章编号36531354


            IP属地:广东7楼2018-08-13 18:42
            收起回复
              感谢科普


              IP属地:新疆来自iPhone客户端8楼2018-08-13 19:20
              收起回复
                不错,涨知识了!


                IP属地:浙江来自Android客户端9楼2018-08-13 19:28
                回复
                  用好这玩意可以让pc版百度可以私信


                  10楼2018-08-19 04:22
                  回复(2)
                    网页视频弹马赛克怎么去除


                    IP属地:广东11楼2019-05-11 23:26
                    收起回复
                      怎么清楚网页里的历史操作,重新操作一遍。像撤销一样。
                      例如做过的题,我想重新做一次,能不能恢复到做题之前,


                      12楼2020-03-09 11:05
                      收起回复
                        应该是可以修改网页游戏吧,单机的那种


                        IP属地:纳米比亚来自Android客户端13楼2022-08-02 11:02
                        回复