chrome的开发人员工具字体大小调整

刚用chrome的开发人员工具不久，在笔记本上用着还行，在台式机上用的时候，感觉字体很小。可是界面上也找不到设置的地方，网上查了一番，很多都是说修改如下文件的，C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\Application\版本号对应目录\Resources\Inspector\inspector.css。

我用的版本15.0.874.121，里面没有这个目录，后来查到如下方法。修改如下文件：C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\User StyleSheets\Custom.css。我的安装的这个文件是个空文件，在此文件中写入如下内容（可以根据操作系统做些简化），我用windows操作系统，修改其中的font-size就可以在开发人员工具中看到修改后的字体效果。

body.platform-mac .monospace, body.platform-mac .source-code {

    font-family: Monaco, monospace;

}

 

/* Keep .platform-mac to make the rule more specific than the general one above. */

body.platform-mac.platform-mac-snowleopard .monospace,

body.platform-mac.platform-mac-snowleopard .source-code {

    font-size: 11px !important;

    font-family: Menlo, monospace;

}

 

body.platform-windows .monospace, body.platform-windows .source-code {

    font-size: 16px !important;

    font-family: Consolas, Lucida Console, monospace;

}

 

body.platform-linux .monospace, body.platform-linux .source-code {

    font-size: 11px !important;

    font-family: dejavu sans mono, monospace;

}

还有另一篇文章，讲述自定义开发人员工具的界面效果的，其实在浏览器里输入chrome-devtools://devtools/devTools.css，就可以看到默认的css，修改custom.css重写自己想修改的地方就可以。以下是文中作者给的css的

 

参考文一地址：http://blog.dotsmart.net/2011/09/30/change-font-size-in-chrome-devtools/

参考文二地址：http://darcyclarke.me/design/skin-your-chrome-inspector/

补充by liuzhushiqiang：

其实第二种方法的时候在浏览器输入chrome-devtools://devtools/devTools.css之后，直接在浏览器中缩放该网页到合适大小，再启用开发者选项的时候，字体大小就和刚才缩放的网页后的字体大小相等了（360极速浏览器有效）。

转载自：http://blog.chinaunix.net/uid-20449851-id-3028979.html