一、设置Chrome开发者工具偏好
1、打开Chrome浏览器:启动您的Chrome浏览器。
2、访问开发者工具:您可以通过点击页面右上角的三个点(菜单按钮),选择“更多工具” > “开发者工具”,或者使用快捷键F12或Ctrl+Shift+I(Windows/Linux)/Cmd+Opt+I(Mac)来打开开发者工具。
3、进入设置界面:在开发者工具界面的右上角,点击“设置”图标(齿轮形状)。
4、启用自动打开选项:在“Preferences”(偏好设置)中找到“Global”(全局)部分,勾选“Auto-open DevTools for popups”选项。
5、保留日志:关闭开发者工具,并在左上角勾选“Preserve log”(保留日志)选项,以便在新页面加载时保留网络请求等日志信息。
6、测试功能:在A页面先打开开发者工具面板,然后点击按钮跳转至B页面,此时B页面也会自动弹出调试面板。
二、使用命令行启动Chrome
如果您希望在每次打开Chrome时自动为新标签页打开开发者工具,可以使用命令行启动Chrome,并传递特定的参数:
1、Mac用户:
open -a "Google Chrome" --args --auto-open-devtools-for-tabs
2、Windows用户:
start chrome --auto-open-devtools-for-tabs
3、Linux用户:
google-chrome --auto-open-devtools-for-tabs
执行上述命令后,每个新标签页将自动打开开发者工具,直到您关闭Chrome。
三、其他方法
除了上述两种主要方法外,还有一些其他技巧可以帮助您更便捷地使用Chrome开发者工具:
修改快捷方式属性:右键点击Google Chrome浏览器图标→属性,在目标里面加上参数--auto-open-devtools-for-tabs
即可。
创建Shell脚本:对于懂点命令行的同学,可以直接在.bashrc
或者.zshrc
中添加 alias 就可以把这条命令简化,甚至可以单独写个 shell 并加上随机启动。
通过设置Chrome开发者工具偏好或使用命令行启动Chrome并传递特定参数,您可以实现自动打开开发者工具的功能,还有其他一些技巧可以帮助您更高效地使用Chrome开发者工具,希望这些信息能对您有所帮助!
各位小伙伴们,我刚刚为大家分享了有关“chrome自动打开开发者工具”的知识,希望对你们有所帮助。如果您还有其他相关问题需要解决,欢迎随时提出哦!
原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/1474905.html
本网站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本网站。如有问题,请联系客服处理。
发表回复