小帅喵吧 关注:3,920贴子:72,146
  • 5回复贴,共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
            收起回复