谷歌浏览器F12基本用法

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


谷歌浏览器
方式/
1第一步:打开你想进行调试的页面 , 并按F12进入到调试模式
此处以百度页面为例进行功能展示
这是关于最右侧“元素选择器”的功能展示:

谷歌浏览器F12基本用法

文章插图

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

谷歌浏览器F12基本用法

文章插图

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

谷歌浏览器F12基本用法

文章插图

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

谷歌浏览器F12基本用法

文章插图

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

谷歌浏览器F12基本用法

文章插图

谷歌浏览器F12基本用法

文章插图

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

谷歌浏览器F12基本用法

文章插图

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

以上内容就是谷歌浏览器F12基本用法的内容啦 , 希望对你有所帮助哦!

    推荐阅读