chrome的开发人员工具字体大小调整
2013-09-27 18:33
232 查看
刚用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就可以在开发人员工具中看到修改后的字体效果。
还有另一篇文章,讲述自定义开发人员工具的界面效果的,其实在浏览器里输入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
我用的版本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; } |
参考文一地址: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
相关文章推荐
- 修改 Chrome 中 "开发人员工具" 显示字体大小
- Firebug和Chrome 自带的开发人员工具相比起来有哪些优缺点
- Chrome开发人员工具
- 使用chrome的F12开发人员工具进行网页前端性能测试
- Firebug 和 Chrome 自带的开发人员工具相比起来有哪些优缺点?
- chrome开发人员工具使用链接整理
- chrome开发人员工具中出现绿色的矩形框解决
- chrome开发人员工具
- 浏览器中的开发人员工具(IE9的F12和Chrome的Ctrl+Shift+I)-网页分析的利器
- 作为Web开发人员 我为什么喜欢 Chrome(或chrome 开发工具使用)
- Chrome 开发人员工具:键盘快捷键
- Chrome 开发人员工具:控制台
- Chrome开发人员工具使用技巧
- Firebug 和 Chrome 自带的开发人员工具相比起来有哪些优缺点
- 浏览器中的开发人员工具(IE9的F12和Chrome的Ctrl+Shift+I)-网页分析的利器
- 开发人员调试工具Chrome Workspace
- 开发人员必备调试工具,chrome调试工具常用功能整理
- chrome开发人员工具
- Chrome开发人员工具 详解
- chrome 开发人员工具