网页编写检查利器-谷歌浏览器审查元素

从知道谷歌接触谷歌开始对谷歌就比较有好感,因此也经常关注谷歌的一系列产品。自从谷歌浏览器chrome问世后就开始用谷歌浏览器。刚开始感觉谷歌浏览器太简单了,很不符合我们平常使用浏览器的习惯。相信很多人一定也是和笔者一样使用国产的360或者遨游或者ie,尤其是360功能多,界面工具栏东西也比较多。刚开始本人是非常喜欢360浏览器的一个可以撤销和一些鼠标动作快捷共能。但是本人平常网页一开就是三四十个以上,360还是不够强大,经常会卡死。谷歌浏览器就很少有这样的问题,即使有卡死,也只是单个标签页面死了,对于其他页面没有什么影响。这个是我最喜欢的。不过其所占用的资源也是相当的庞大的,电脑跑不快的要慎重。 说了这么多还没到重点,切题开始:

谷歌浏览器对于网页编写者而言,个人感觉是一个非常有效的利器。谷歌浏览器chrome的反应功能不得不说其是足够强大的。可以翻译成几十种语言。

1、当你打开一个英文页面的时候,就会提示你是否需要将该页面翻译成你所能看得懂的语言。

谷歌浏览器chrome提示是否需要翻译2、谷歌翻译可以逐句对照,对于某些翻译的不大通顺的语句我们可以方便的查看原版英文。更好的给我们做翻译提示:

谷歌中英文翻译对照英语四级没过的俺靠着这个也顺利的把godaddy国外空间买下来体验了一个多月时间。都是这个功能的功劳。

3、曾经介绍过一款css火狐插件“firebug” 非常适合网页编写者使用。现在的谷歌浏览器也有这样的功能,而且功能还更加的强大。谷歌的“审查元素”功能。

当你打开某个网页时,鼠标右击点击“审查元素”就可以看到了整个页面的html 结构以及css样式。见图:

谷歌chrome审查元素4、审查元素中resource功能。

查看整个网站页面的元素及文件。

审查元素查看网页元素以及包含的文件利用谷歌chrome的审查元素功能查看网页元素(图片)相关属性。利用这一功能,要获取网页的某个图片元素就简单方便多了。

谷歌chrome审查元素查看网页图片元素属性5、用于检测网页代码是否有错误等等。

谷歌chrome审查元素用于检测网页代码是否有错误谷歌chrome的审查元素功能还有其他的功能,例如可以查看网页各个元素加载所需要的时间。还有其他的一些功能,本人并不常用也并不了解。先了解更多的话可以参看这篇文章:http://imvoo.com/archives/151.html

谷歌浏览器还有很多功能简单而强大。谷歌浏览器还有seo插件,可惜是英文的,因此暂时也没有尝试过。有朋友体验过的话希望可以分享下使用感受。

相关文章

发表评论?

3 条评论。

  1. 这个功能很实用!移动带相应代码就显示具体的 大小。对于开发很有帮助、

  2. 还是没看懂怎么查看。

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

无觅相关文章插件,快速提升流量