Google Chrome 谷歌浏览器 CSS网页布局辅助开发的功能介绍
Author:52css Data:2008-09-04
我们一直关注浏览器市场的发展动向,52CSS.com虽然是专业的CSS网站,但浏览器与CSS网页布局是密不可分的,不只是影响到CSS网页布局的效果呈现,不同的浏览器可能也提供了或多或少的辅助开发功能。Google Chrome 谷歌浏览器在这方面提供的功能,非常不错。
本文作者:52CSS.com 如需转载请建立本站链接(http://www.52css.com/),并且不得随意改动文章内容、保留此版权声明文本!
Google Chrome是由Google开发的一款设计简单、高效的Web浏览工具。Google Chrome的特点是简洁、快速。Google Chrome支持多标签浏览,每个标签页面都在独立的“沙箱”内运行,在提高安全性的同时,一个标签页面的崩溃也不会导致其他标签页面被关闭。此外,Google Chrome基于更强大的JavaScript V8引擎,这是当前Web浏览器所无法实现的。Google Chrome目前尚处在测试版阶段,在很多方面还需要进一步完善。它是一款开源软件,借鉴了苹果的WebKit(Safari使用的引擎)、 Mozilla的Firefox及其他相关应用。Google官方声称将开放Google Chrome的全部源代码。
2008年9月2日,谷歌发布了自主研发的浏览器Google Chrome测试版。谷歌浏览器是一款可让您更快速、轻松且安全地使用网络的浏览器,它的设计超级简洁,使用起来更加方便。
主界页如下(可点击放大查看):

Google Chrome 谷歌浏览器 CSS网页布局辅助开发的功能介绍
谷歌浏览器针对于CSS网页布局辅助开发的主要功能体现在“审查元素”。在页面上点击鼠标右键会出现一个菜单,最后一项即是“审查元素”。
本文作者:52CSS.com 如需转载请建立本站链接(http://www.52css.com/),并且不得随意改动文章内容、保留此版权声明文本!
如下图所示:

点击“审查元素”,会出现一个小窗口。
左侧为HTML代码,是一种可以折叠伸缩的形式,更加有利于理解HTML的结构。
右侧为CSS代码,以及选中代码的一些详细说明等。
我们可以通过这个窗口来查看页面布局的详细情况,从HTML结构到CSS编码都可以有详细的了解与参考。特别是学习分析别人的网站时,此功能是非常有益的。
如下图所示(可点击放大查看):

在此窗口的底部,有一块级联的元素信息,鼠标移到上面,网页中的相应元素会以黄色背景显示,更加形象直观的查看。
效果如下图所示(可点击放大查看):

此小窗口虽小,但提供了非常强大的功能,可以与Internet Explorer Developer和Web Developer有得一拼。关键是,此浏览器内置此功能,而且使用起来非常的方便。
关于Internet Explorer Developer和Web Developer您可以参考:
CSS开发辅助工具:Internet Explorer Developer Toolbar
http://www.52css.com/article.asp?id=745
Web Developer插件教程 CSS网页布局辅助设计利器!
http://www.52css.com/article.asp?id=322
我们看Google Chrome 谷歌浏览器“审查元素”小窗口提供的强大功能(可点击放大查看:。

我们可以挖掘此功能的详细使用方法,在52CSS.com后面的文章中,我们将推出更加详细的介绍。敬请期待。
Google Chrome 谷歌浏览器下载地址为:
http://www.google.com/chrome?hl=zh-CN
大家多多偿试,欢迎参与52CSS.com的评论,讲出您的心得。
本文作者:52CSS.com 如需转载请建立本站链接(http://www.52css.com/),并且不得随意改动文章内容、保留此版权声明文本!
Google Chrome 谷歌浏览器的一些功能介绍
Example Source Code [www.52css.com] 功能:谷歌浏览器是可让您更快速、轻松且安全地使用网络,它的设计超级简洁,使用起来更加方便。
一框多用:网络搜索、网络历史记录、地址栏、输入时提供建议。一个框集成了各种功能,可以满足您所有的浏览需求。
新标签页:每当您打开一个新的标签页,就会直观地看到您最常访问的网站、最常使用的搜索引擎、最近加入书签的页面以及最近关闭的标签页等等。
应用程序快捷方式:无需打开浏览器即可启用网络应用程序。应用程序快捷方式可以直接加载您常用的在线应用程序。
动态标签页:您可以将标签页拖出浏览器以创建新窗口,也可以将多个标签页放入一个窗口中或根据需要整理标签页,操作起来非常简单、快捷。
崩溃控制:您所使用的各个标签页都在浏览器中独立运行,因此,即使某一个应用程序崩溃,也不会影响到其他任何进程。
隐身模式:如果您不希望访问过的页面显示在网络历史记录中,选择隐身模式即可隐身浏览。
安全浏览:如果您要访问的网站被怀疑存在网络欺诈、恶意软件或其他不安全因素,谷歌浏览器会向您发出警告。
即时书签:若要为网页添加书签,只需点击地址栏左侧的星号图标即可。
导入设置:当您切换至 谷歌浏览器时,您可以沿用现有浏览器中的所有书签和密码,非常方便!
下载更为方便:不会弹出下载管理器;您可以在当前窗口底部查看下载状态。
一框多用:网络搜索、网络历史记录、地址栏、输入时提供建议。一个框集成了各种功能,可以满足您所有的浏览需求。
新标签页:每当您打开一个新的标签页,就会直观地看到您最常访问的网站、最常使用的搜索引擎、最近加入书签的页面以及最近关闭的标签页等等。
应用程序快捷方式:无需打开浏览器即可启用网络应用程序。应用程序快捷方式可以直接加载您常用的在线应用程序。
动态标签页:您可以将标签页拖出浏览器以创建新窗口,也可以将多个标签页放入一个窗口中或根据需要整理标签页,操作起来非常简单、快捷。
崩溃控制:您所使用的各个标签页都在浏览器中独立运行,因此,即使某一个应用程序崩溃,也不会影响到其他任何进程。
隐身模式:如果您不希望访问过的页面显示在网络历史记录中,选择隐身模式即可隐身浏览。
安全浏览:如果您要访问的网站被怀疑存在网络欺诈、恶意软件或其他不安全因素,谷歌浏览器会向您发出警告。
即时书签:若要为网页添加书签,只需点击地址栏左侧的星号图标即可。
导入设置:当您切换至 谷歌浏览器时,您可以沿用现有浏览器中的所有书签和密码,非常方便!
下载更为方便:不会弹出下载管理器;您可以在当前窗口底部查看下载状态。
评论: 1 | 查看次数: 8299
- 1
为什么在审查元素那个页面里面的字本不可以调节呢!字体太少不能看清楚!面且也没有意见反馈!
- 1
发表评论
你没有权限发表留言!

Article Provenance:
Article Tags: