谷歌浏览器F12基本用法

谷歌浏览器的F12,开辟人员调试利器;小编在这里做的只是抛砖引玉的感化,更为壮大的功能还需要读者的进一步研究哦

工具/原料

  • 谷歌浏览器

方式/步骤

  1. 1

    第一步:打开你想进行调试的页面,并按F12进入到调试模式

    此处以百度页面为例进行功能展示

    这是关于最右侧“元素选择器”的功能展示:

    8326cffc1e178a821dd81bdffb03738da877e8ed.jpg
  2. 2

    关于第二个功能的利用,这个功能是将页面顺应当作手机屏幕大小,若是是开辟电脑和手机同时利用的软件时这个功能比力有效

    35a85edf8db1cb1376635a6cd054564e92584b42.jpg
  3. 3

    elements:点击这个功能后呈现的是当前页面的html文件,在你想及时点窜的阿谁元素处双击,可以临时点窜,不外并没有同步到后台,这个功能凡是和第一个功能元素选择器搭配利用

    d4628535e5dde711b9382589aaefce1b9c1661e2.jpg
  4. 4

    console:节制台,用来打印错误信息和你在后台写的console.log("显示信息")

    c8177f3e6709c93d2dfa6f88923df8dcd1005440.jpg
  5. 5

    source:资本办理功能,用于调试js文件,这里要申明的一点是,在右侧找不到你想调试的js文件时,可以在后台写“debugger”进入到这个js文件后可以在右侧单击打断点,想调哪里就哪里

    d6ca7bcb0a46f21f5df43f2cfb246b600d33ae89.jpg b8014a90f603738d0d4e6c5dbe1bb051f819ec4d.jpg
  6. 6

    network:收集功能,用于查看相关的ajax请求,详情请看图片(挨次:从左到右,从上到下)

    18d8bc3eb13533facffcf351a5d3fd1f41345b02.jpg

注重事项

  • 实践是查验真理的独一尺度,列位看官必然要脱手实践呀
  • 发表于 2018-10-18 00:00
  • 阅读 ( 713 )
  • 分类:电脑网络

相关问题

0 条评论

请先 登录 后评论