作为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
投稿猜你喜欢
- 一般常规的我们保存数据为dict类型时，系统会自动帮我们排序；但有时我们想按照输入顺序的key:value保存到dict中，而不想要改变顺序
- 导出单个表mysqldump -u user -p dbname tablename > db.sql导入单个表mysql>dr
目录一、问题具体描述：二、解决方法1、方法一：在PyCharm下载第三方库（即把之前下的库作废，这里重新再下一次……）2、方法二：坚持用pi- asp.net MVC中Action参数不只是一些基本类型，也支持实体参数。那么从客户端传来的数据如何映射或转换成实体对象呢？就是通过实体绑
- 原则一：注意WHERE子句中的连接顺序： ORACLE采用自下而上的顺序解析WHERE子句,根据这个原理,表之间的连接必须写在其他WHERE
- 01-初心缘由最近在研究语音识别方向，看了很多的语音识别的资料和文章，了解了一下语音识别的前世今生，其中包含了很多算法的演变，目前来说最流行
- 本文实例讲述了MySQL游标概念与用法。分享给大家供大家参考，具体如下：1、游标的概念（Cursor）一条sql，对应N条资源，取出资源的接
- 如下所示：from sklearn.datasets import load_bostonboston = load_boston()fro
- 本文实例为大家分享了python实现文件夹远程传输的具体代码，供大家参考，具体内容如下实现功能：通过tcp协议模拟文件夹的下载,注意是文件夹
- 前面我通过一篇文章讲述了如何爬取CSDN的博客摘要等信息。通常，在使用Selenium爬虫爬取数据后，需要存储在TXT文本中，但是这是很难进
- 有过相关经验的朋友都知道，Jscript的效率毕竟有限，在数组中查找数据时如果用常规的算法来做执行起来会很慢。例如在一个含500个字符串的d
- 一、要求较小的精度将精度高的浮点数转换成精度低的浮点数。1.round()内置方法round()不是简单的四舍五入的处理方式。>>
- 方法一： import win32com.clientxl = win32com.client.Dispatch("Ex
- 1.安 * azel，从github上下载linux版的.sh文件，然后安装2.从GitHub上下载最新的TensorFlow源码3.进入Te
- Tangram官方网站。http://tangram.baidu.com/tangram/围观社区：简易社区，直接使用tieba。反馈的信息
- 本文实例讲述了Python基于回溯法子集树模板解决旅行商问题（TSP）。分享给大家供大家参考，具体如下：问题旅行商问题（Traveling
- 本文完全利用numpy实现一个简单的BP神经网络，由于是做regression而不是classification，因此在这里输出层选取的激励
- 我的项目环境：平台：Windows10语言环境：python3.7编译器：PyCharmPyTorch版本：1.11.0PyG版本：2.1.
- 一个middleware的例子import timefrom django.urls import reversefrom django.u
- 1. 永远不要停止学习和阅读 阅读 书籍，而不只是网站 阅读 只为自我提升，而不是为了下一个项目 阅读 提升你的基础，而不只是最新技术 2.
