谷歌浏览器的一些快捷键和断点调试
2023-09-27 14:26:03 时间
1、你可以按下Ctrl+Shift+F来打开搜索窗口,也可以通过下面图片用鼠标的点击来打开搜索窗口
这个搜索窗口如果你输入内容的话,它会在所有文件内搜索你的内容
2、如果你只想在一个文件内搜索,那么可以打开文件后,按下Ctrl+F,然后在搜索窗口输入内容回车即可,图示如下
3、下面各键的功能
执行断点时可以选中观察到红箭头指向的几个按钮。当你设置好断点开始运行的时候,
第一个按钮(F8)就会变成一个三角形。点击运行至下一个断点,若下面没有断点,它就会自动运行至结束。
第二个按钮(F10)是逐行执行,如果这一行调用了一个函数,会一次性执行函数得到结果,而不会跳转到函数内部去执行函数的过程
第三个按钮(F11)是逐过程执行,一行一行地执行,只是当这一行是一个函数的时候,他会自动跳转到函数内部的
第四个按钮(shift + F11)是跳出该函数
第五个按钮,是忽略所有断点,自动执行至结束。
4、禁用缓存
打开 network,勾选 disable cache,这样每次刷新页面都不会通过缓存来获取数据,而是每次都会重新发出请求。
5、打断点,只需要在那一行代码的左边点一下就可以了(点完之后那里会有一个红点),如下图可见我打了三个断点。
那么程序一旦触发到这里的代码就会停止,同时也会显示变量的值和属性等信息
或者你把鼠标放到变量身上,也会显示它的值和属性
6、如果你打完断点之后,网页运行到这段代码也停止了,但是不会出现变量的值,有可能是浏览器问题(只能说有可能,我就出现过,网上也有其他人的例子)
可以升级一下浏览器了什么滴!
相关文章
- gdb 调试命令的使用及总结
- XIlinx MIG 控制DDR3 SO-DIMM内存条(三):MIG IP核仿真与调试过程
- chrome浏览器调试报错:Failed to load resource: the server responsed width a status of 404 (Not Found)…http://127.0.0.1:5099/favicon.ico
- 《精通Android 实例开发》——第1章,第1.16节断点调试Android程序
- 虚拟机或真机调试React Native, 开启开发者菜单
- 浏览器开发调试工具的秘密 - Secrets of the Browser Developer Tools
- flash调试笔记
- 公交语音播报调试第三天
- Web 前端 之 Vue 浏览器调试工具 Vue.js devtools 安装(三种方法)的简单整理
- 谷歌浏览器开发调试工具中Sources面板 js调试等 完全介绍