浏览器版本:Chrome 4.0.249.25
操作系统:windowsXP SP2
问题:个人感觉Chrome原生的Web调试工具挺不错,就是字体太小看不清。
解决:
先退出Chrome浏览器。
Windows系统下,找到 C:\Documents and Settings\%user_name%\Local Settings\Application Data\Google\Chrome\Application\%chrome_version%(ps:这里浏览器版本号,比如我是4.0.249.25)\Resources\Inspector文件夹,保险起见先备份好其中的inspector.css文件。
用编辑器打开里面的inspector.css文件,改font-size属性,9px ——> 11px,10px ——> 12px,以此类推,挺多的,全局替换吧,反正备份了。
重启Chrome,看下Developer Tools工具窗口字体是否满意。
有些麻烦的是,当Chrome浏览器自动升级后,默认使用新的版本号文件夹配置%chrome_version%,先前文件夹设置的inspector.css失去效果,只好重新更改一次字号。。。Firebug就可以在浏览器里直接调整字体大小,叹
BTW: 还好Chrome的Speed Trace插件够省心,字体大小正好,推荐试下,界面非常友好。
分享到:
相关推荐
Chrome Developer Tools(简称DevTools)是Google Chrome浏览器内置的一套强大的Web开发和调试工具,它为前端开发者提供了深入检查、修改和控制网页的能力。通过学习Chrome DevTools,开发者可以更高效地调试...
总的来说,React Developer Tools 3.2.1是React开发者不可或缺的辅助工具,它简化了复杂应用的调试过程,提高了开发效率,是React项目开发中必不可少的一部分。通过利用其提供的强大功能,开发者能够更好地理解和...
React Developer Tools 是一个用于 Chrome 和 Firefox 浏览器的浏览器扩展,它为 React 开发者提供了一套强大的工具,用于调试和分析 React 应用程序。React Developer Tools 3.6.0 是 React 开发者工具的一个特定...
Adds React debugging tools to the Chrome Developer Tools.Adds React debugging tools to the Chrome Developer Tools.Adds React debugging tools to the Chrome Developer Tools.Adds React debugging tools to...
React Developer Tools是一款专门为React开发人员设计的谷歌Chrome浏览器插件,它极大地提升了在构建、调试和优化React应用程序时的效率。这款工具由Facebook开发并维护,可以在GitHub仓库...
Resolution Test是专为Chrome浏览器制作的一款窗口大小调整工具,该款插件可以用多种分辨率大小来调整浏览器窗口大小,并能通过选取多个分辨率选项来打开多个相应大小的新窗口。 1、首先在标签页输入【chrome://...
React Developer Tools是一款专门为React.js框架开发的浏览器扩展程序,它为开发者提供了强大的工具来调试、优化和理解React组件的工作方式。这款工具集成了Chrome和Firefox等主流浏览器,使得开发过程更为高效。 ...
React-Developer Tools V4版本,适应react 17以上。 是一个用于 Chrome 和 Firefox 浏览器的浏览器扩展程序,它可以帮助开发人员调试 React 应用程序。通过 React Developer Tools,开发人员可以检查 React 组件层次...
React Developer Tools 4.9.0 是一个专为React开发者设计的强大工具,它极大地提升了调试React应用程序的效率和体验。这个版本的更新主要是为了优化开发流程,提供更精确的组件状态跟踪以及性能分析功能。 React是...
安装这个工具通常是通过浏览器扩展程序进行的,例如对于Chrome,可以在Chrome Web Store中搜索“React Developer Tools”找到并添加到浏览器。一旦安装完毕,它会自动集成到浏览器的开发者工具中,无需额外配置。 ...
9. **集成到Chrome开发者工具**:React Developer Tools无缝集成到Chrome的开发者工具中,与DOM、网络、源代码等其他面板并列,便于一站式开发。 10. **版本兼容性**:3.3.2版本可能已经针对当时的React版本做了...
Chrome开发工具是Google Chrome浏览器内置的一套强大的Web前端开发和调试工具,对于前端开发者来说,它是不可或缺的工作伙伴。这套工具提供了丰富的功能,帮助开发者检查、修改和调试网页内容,优化性能,以及解决...
Chrome调试模式下,可视化的React DOM...React Developer Tools is a Chrome extension that allows you to inspect the React component hierarchy in the Chrome Developer Tools (formerly WebKit Web Inspector).
React Developer Tools是开发 React 必备的开发者工具扩展。可以在Chrome开发者工具中得到一个名为React的新标签,检查React组件层次结构,在页面上显示React组件。 Adds React debugging tools to the Chrome ...
React Developer Tools 是一款由 facebook 开发的有用的 Chrome浏览器扩展。通过它我们可以查看应用程序的 React 组件分层结构,而不是更加神秘的浏览器 DOM 表示。 注意:该插件只对 ReactJS 开发有效。如果是 ...
React Developer Tools v0.15.4 是一款专为React.js开发者设计的强大工具,它能够帮助开发者更好地理解和调试React组件。这款工具的版本0.15.4是针对早期版本的React框架,提供了对那时React应用的深入洞察。 React...
`Chrome.DeveloperTools.AddTagIDs-master` 文件夹很可能是项目的源码仓库,包含扩展的源代码和其他资源文件。通过对这些源码的研究,开发者可以学习如何编写类似的 Chrome 扩展,理解扩展与浏览器的交互机制,以及...
React Developer Tools能够检查React组件的层级结构、组件的props和state,具体安装步骤:https://blog.csdn.net/wangyuegyq/article/details/80144057
React Developer Tools 调试 chrome扩展。 最新版2.5.2 下载 React Developer Tools 调试 chrome扩展。 最新版2.5.2 下载