浏览器看断点:
浏览器排行榜(2019年):
- 第一 谷歌老大 chrone
- 第二Internet Explorer就是微软出的ie
- 第三Firefox
- 第四 edge
- 第五safari
- 第六 opera 欧朋浏览器
- 第七 qq浏览器
- 第八搜狗浏览器
- 第九Yandex
- 第十 uc浏览器
怎么使用浏览器断点呢 ?
1:点击**F12(Ctrl+Shift+I)**进入代码调试页面,然后点击**source**,点击需要设置断点的地方,**F5刷新**
2:F11向下面执行一步。
3:F10向上面执行一步。
详细看前端断点,请看下面链接:
Element 标签页: 用于查看和编辑当前页面中的 HTML 和 CSS 元素。
Network 标签页:用于查看 HTTP 请求的详细信息,如请求头、响应头及返回内容等。
Source 标签页:用于查看和调试当前页面所加载的脚本的源文件。
TimeLine 标签页: 用于查看脚本的执行时间、页面元素渲染时间等信息。
Profiles 标签页:用于查看 CPU 执行时间与内存占用等信息。
Resource 标签页:用于查看当前页面所请求的资源文件,如 HTML,CSS 样式文件等。
Audits 标签页:分析页面加载的过程,进而提供减少页面加载时间、提升响应速度的方案,用于优化前端页面,加速网页加载速度等。
Console 标签页:用于显示脚本中所输出的调试信息,或运行测试脚本等。
学习文档:
谷歌浏览器调试工具之断点调试
https://blog.csdn.net/qq_41473887/article/details/81185572
Google浏览器断点调试代码
上篇: http://www.cnblogs.com/jingwhale/p/4508774.html
下篇: https://www.cnblogs.com/jingwhale/p/4509160.html