如何在Google Chrome中的开发人员工具,JavaScript控制台上更改颜色架构?
像这样:

javascript css google-chrome-extension google-chrome-devtools google-chrome-theme
我使用Chrome开发者工具来调试我的JavaScript代码,但我对Chrome允许您编辑"脚本"选项卡下的JavaScript文件的方式有一点不满.有时候,我没有意识到我在Chrome中,并且我开始对"脚本"选项卡下的代码进行更改,只是为了实现当我刷新时我刚才所做的更改从未保存到磁盘!
我想知道是否有办法让"脚本"选项卡中显示的代码为只读,这样如果我尝试在Chrome中编辑该文件,我会发现它不可编辑然后意识到我不在我的IDE.
javascript debugging usability google-chrome google-chrome-devtools
好的,所以就在前几天我了解到你可以检查devtools是否在它自己的窗口中(在这里解释).我还了解到,您可以通过编辑计算机配置文件中的Custom.css文件,使用您自己的css设置devtools的样式(此处更多内容).
我想做的不仅是通过chrome扩展添加css,还有javascript.我非常了解devtools页面,但那些没有做我想要的.我想要在devtools检查器本身上运行一个内容脚本.我找到了一个完全正确的扩展,但对于我的生活,我无法复制它(即使复制粘贴代码!!).扩展名是Code School的"Discover DevTools Companion扩展"(在网上商店).他们甚至解释它是如何工作的,但我仍然没有运气.这是我发现的唯一可以实现我想要的扩展.所以我想我真正想问的是,如果它只是我不能让它工作,或者其他人尝试也遇到麻烦.
有一个小问题可能会不时地惹恼我(如果有其他人有同样感觉的话).每次我从任何浏览器使用视图页面源时,文本总是变得丑陋和小(我的计算机的分辨率是1920x1080,特别是17英寸,这使得字母非常小而且很难看到).有没有办法从任何浏览器更改视图页面源部分中的字体和大小?(例如Chrome)
我知道我可以通过鼠标滚动或"ctrl"+"+"来放大页面,但这不是我想解决的方式.
谢谢