我们一直关注浏览器市场的发展动向,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/),并且不得随意改动文章内容、保留此版权声明文本!
挖友还挖到了什么 · · · · · ·