作为Web开发人员，我为什么喜欢Google Chrome浏览器（2）
发布时间：2011-08-29 15:37:47
标签：Chrome,工具,浏览器
Elements标签页
这个就是查看、编辑页面上的元素，包括HTML和CSS：
左侧就是对页面HTML结构的查看与编辑，你可以直接在某个元素上双击修改元素的属性，或者你点右键选“Edit as Html”直接对元素的HTML进行编辑，或者删除某个元素，所有的修改都会即时在页面上得到呈现。（注：看到上面右键菜单的最后一个选项“审查元素”了么？这是不是说明这个开发者工具的页面也是HTML来的呢？你点一下就知道了哦，嘿嘿）
你还可以对某个元素进行监听，在JS对元素的属性或者HTML进行修改的时候，直接触发断点，跳转到对改元素进行修改的JS代码处：
Elements标签页的右侧可以对元素的CSS进行查看与编辑修改：
你还可以通过这里看到各CSS选择器设置的CSS值的覆盖情况。
下面的Metrics可以看到元素占的空间情况（宽、高、Padding、Margin神马的）：
注意到上面的Properties没有？这个很有用哦，可以让你看到元素具有的方法与属性，比查API手册要方便得多哦（要注意某些方法和属性在IE、FireFox等其他浏览器下面的支持情况哦）。
Resources标签页
Resources标签页可以查看到请求的资源情况，包括CSS、JS、图片等的内容，同时还可以查看到存储相关的如Cookies、HTML5的Database和LocalStore等，你可以对存储的内容编辑和删除。
0
投稿猜你喜欢
在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。你在写HTM- 注意：如果您尚未阅读过原来那篇老文章《悟透JavaScript》，请先行阅读该文，以了解上下文关系。在上面的示例中，我们定义了两个语法甘露，
- 昨天又翻了下前段时间WD内部培训的幻灯片，发现了kejun推荐的一篇好文：Javascript Closures，看了之后受益匪浅。这篇文章
- 如果直接执行SQL语句或者参数绑定则不用担心太多，如以下ORACLE存储过程 create or replace&nbs
- 如果你能很好的理解我下面的一句话，那这些都不是问题了。asp是服务器端语言，它的作用是动态生成客户端浏览器所能识别的html css jav
- 一、 网页设计中的对比原则一件网页设计作品由许多元素构成，它们的重要性各不相同，其中一些元素的重要性要高于其它元素。一些相互关联，而另一些则
- 如何用JAVASCRIPT格式化数字成货币那种表示法?,比如说 34585962.00显示 为 34,585,962.00<scrip
- 代码如下:<％ '隐藏并修改文件的最后修改时间的aspshell '原理:通过FSO可以修改文件的
- 新年钟声刚过，淘宝新版首页全“心”上线了，这次设计大胆的将布局从 960px 伸展至 1000px，页面更通透，新首页更大范围的实践了 HT
- Logminer是每个Dba都应熟悉的工具，当一天由于用户的误操作你需要做不完全的恢复时，由于你无法确定这个操作是哪个时间做的，所以这对你的
- 我们经常会遇到多重查询问题，而长长的SQL语句往往让人丈二和尚摸不着头脑。特别是客户端部分填入查询条件时，如用普通方法将更是难上加难。以下巧
- 摘要：随着应用领域的不断拓展和多媒体技术, 人们发现关系数据库的许多限制和不足，因而数据库技术进入了“后关系数据库时代”。文件数据库由此应运
- 我还我还是有必要改一个标题，（原题为 让你想不通的"bug"），以免有同学误会。先看代码。看完之后我有个问题提问一下，看
- 作为收费应用方面的数据库管理员(DBA)，公司首席信息官(CIO)经常邀请我与Sarbanes-Oxley审查员开会讨 * 司数据的安全与整合
- asp.net的dropdownlist控件为我们的web应用提供了许多用处，但有一点我总感觉不爽的就是在使用dropdownlist的事件
- 网页版面布局的方法及技巧，版面指的是浏览器看到的完整的一个页面(可以包含框架和层)。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出
- 遇到一个很奇怪的现象，在给页面添加“打印”按钮时，发现网页在IE6下居然不能打印，弹出一个对话框，遇到脚本错误。查看错误详细：定位到 url
- 在Web开发的时候，经常会遇到的一种情况就是浏览器提示脚本运行时间过长，停止还是继续，无论你选择什么，相信你都会想尽一切办法让这个对话框远离
- 从某种意义上来说，页面设计(web设计)也就是用户界面设计。有许多技巧可以帮助我们制作出漂亮、实用的界面，这里收集的5个小技巧就会对你有所帮
- 发现ie7的空格间距要比ie6/firefox/opera的都要宽一点。比如有时候排版的时候，我会采用简单的空格来分隔。<div&nb
