当前位置:网站首页 > 创业 > 正文

谷歌浏览器F12基本用法

0 张子豪 张子豪 2025-10-11 05:55 1

东西/原料

  • 谷歌浏览器

方式/步调

  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.jpgEND

注重事项

  • 实践是查验真理的独一尺度,列位看官必然要脱手实践呀

来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!


本文链接:https://www.ibaiwen.com/web/217747.html

张子豪

张子豪

TA很懒,啥都没写...

@百闻娱乐 本站部分内容转自互联网,若有侵权等问题请及时与本站联系,我们将在第一时间删除处理。 | 粤ICP备2024343649号 | (地图