谷歌浏览器的F12,开辟人员调试利器;小编在这里做的只是抛砖引玉的感化 , 更为壮大的功能还需要读者的进一步研究哦【谷歌浏览器F12基本用法】
需要这些哦
谷歌浏览器
方式/
1第一步:打开你想进行调试的页面 , 并按F12进入到调试模式
此处以百度页面为例进行功能展示
这是关于最右侧“元素选择器”的功能展示:
文章插图
2关于第二个功能的利用 , 这个功能是将页面顺应当作手机屏幕大小 , 若是是开辟电脑和手机同时利用的软件时这个功能比力有效
文章插图
3elements:点击这个功能后呈现的是当前页面的html文件 , 在你想及时点窜的阿谁元素处双击 , 可以临时点窜 , 不外并没有同步到后台 , 这个功能凡是和第一个功能元素选择器搭配利用
文章插图
4console:节制台 , 用来打印错误信息和你在后台写的console.log("显示信息")
文章插图
5source:资本办理功能 , 用于调试js文件 , 这里要申明的一点是 , 在右侧找不到你想调试的js文件时 , 可以在后台写“debugger”进入到这个js文件后可以在右侧单击打断点 , 想调哪里就哪里
文章插图
文章插图
6network:收集功能 , 用于查看相关的ajax请求 , 详情请看图片(挨次:从左到右 , 从上到下)
文章插图
注重事项实践是查验真理的独一尺度 , 列位看官必然要脱手实践呀
以上内容就是谷歌浏览器F12基本用法的内容啦 , 希望对你有所帮助哦!
推荐阅读
- 怎么样设置WIN10系统电脑默认的浏览器
- Chrome谷歌浏览器禁用flash的方法
- C#嵌套Chrome浏览器
- 手机UC浏览器怎么修改网页背景颜色图片
- 浏览器如何设置下载选择直接打开后还保留该文件
- 360安全浏览器怎么关闭老板键
- 如何删除浏览器缓存
- 浏览器上的收藏栏不见了怎么办?
- UC浏览器怎么恢复书签
- 如何设置IE浏览器退出时自动删除缓存记录