首页 注册 帮助

    mark一下 ,轻松收藏!轻量型网页收藏工具,精简化网页内容展示 开始体验

    热门收藏

    • 今天
    • 昨天
    • 更早

    [节译] 汤抖森谈《复仇者联盟》 « Ethermetic

    214位用户收藏此文章

    4月初开始翻译的Steve ‘Frosty’ Weintraub在《复仇者联盟》片场对饰演片中大反派Loki的Tom Hiddleston的采访。但因为忙于两本书籍的校对,这篇访谈直到影片上映后才译完。鉴于Loki’s Army小站的朋友们已经节译了其中部分内容,便把自己译文中的剩余内容整理在此(小站朋友译出的部分则显示为 跳跃)。Steve ‘Frosty’ Weintraub:一部电影的好坏完...

    [节译] 汤抖森谈《复仇者联盟》 « Ethermetic[原文链接]

    214位用户收藏此文章mark

    4月初开始翻译的Steve ‘Frosty’ Weintraub在《复仇者联盟》片场对饰演片中大反派Loki的Tom Hiddleston的采访。但因为忙于两本书籍的校对,这篇访谈直到影片上映后才译完。鉴于Loki’s Army小站的朋友们已经节译了其中部分内容,便把自己译文中的剩余内容整理在此(小站朋友译出的部分则显示为 跳跃)。

    Steve ‘Frosty’ Weintraub:一部电影的好坏完全取决于反面角色的塑造,这也正是为什么很多伟大的创意被搬上银幕之后全都成了狗血一地。这同样也说明了,为什么《雷神》会如此优秀。Coris Hemsworth对雷神的演绎可谓完美,但我要说Tom Hiddleston诠释的Loki则是更胜一筹。我觉得Hiddleston在Kenneth Branagh的这部影片中简直是占尽了风头,他也是多年来大银幕上最为出色的一位奸角。因此当我第一次听说Loki又要在Joss Whedon的《复仇者联盟》中担纲大反派时,心里当时就有数了:这片子靠谱。

    去年我和几位记者一起采访了《复仇者联盟》的片场,Hiddleston对我们谈了他与Whedon的合作,还比较了在《雷神》与本片中Loki的不同之处,以及角色的最终计划——他将对观众展示出更为强大的力量,超乎想象的力量。

    和往常一样,这篇采访稿有音频和文字两种载体:您可以点击收听音频,或者阅读下面的文字记录(完全版)。《复仇者联盟》将于五月四日上映。

    :当你还在参加《雷神》摄制的时候就已经知道自己将参与本片了。那么当你终于踏入了《复仇者联盟》片场时有何感受?

    HIDDLESTON:这实在是太激动人心了。多有意思——这部影片就像是Kevin Feige手中的一套巨大七巧板,而我正是其中的一块。我曾猜想自己将会在《复仇者联盟》中出场,但究竟是以何种方式?演个什么角色?参与程度如何?我的角色在片中会有多少戏份?所有这些对我来说都是谜,直到Joss Whedon写完了剧本的草稿,然后给了我们一份打印稿为止——那是今年三四月份的事儿吧。但我要说这感觉真是棒极了,多么激动人心——很少有哪个演员能够有机会再度触摸一个角色,并且再次扮演你塑造过并曾与之同心同体的那个人物。能够有机会进一步深化自己过去的角色,这实在是剧组给我的特惠呀。

    (跳跃)

    :直到《雷神》片尾为止,我们都没有看到Loki在地球上亮过相啊。

    HIDDLESTON:呃,可是我们都看到他到地球找自己的哥哥让他回家啊。

    (跳跃)

    :觉得和谁共事最开心?

    HIDDLESTON:我觉得大家真的都很棒。拜Joss所赐,和各位一对一的戏码那是相当的多啊。所以我在片中和Chris Hemsworth、Scarlett Johansson、小Robert Downey、Sam Jackson、Chris Evans和Mark Ruffalod都搞得天翻地覆。所以呢,在不泄露太多剧情的前提下我想说那真是爽到……这就好比是Loki和剧中所有角色的不同招式和超能力都逐一过了招一样。所以么,你也知道我和Chris的对手戏也是打个没完。里面还掺杂了兄弟情,更加复杂嘛。我喜欢和Scarlett的对手戏——那场戏已经拍完了,因为这潜藏在阴影里的黑寡妇既狡诈又阴毒。她聪慧机敏、诡计多端,谁都得提防着她点儿。所有这些形容词都可以套在Loki身上。因此Loki和黑寡妇之间的戏码反而有那么种默契在里面。所以我是乐在其中而Scarlett她则是……这几场戏我们完成得非常好。Sam也是棒得不像话。大家都很棒,而我和他们每个人之间擦出的火花又是各不相同。这正是表演的乐趣所在——惊奇总在你意想不到的时候发生。这就好比是打网球,要是没有对手,你再怎么制订比赛计划还不都是白搭嘛。而一旦比赛真正打起来,意外便会接踵而至。身处片场的乐趣就在于此。

    :宇宙魔方在《复仇者联盟》中将会有怎样的表现?我们还看到过无限手套的彩蛋,它们在片中是否会有一席之地?我想Loki并不需要它们,他毕竟是一位神祇。还有,你在片中是不是也成了个打星啊?

    HIDDLESTON:是啊!这是部动作巨片,我演的是个大坏蛋,好多好多的打斗场面是必须的啊。

    :但你可是Loki。你可以创造事物,你生来就是干大事的。

    HIDDLESTON:我能做到,但同时……我也喜爱所有这些格斗要素。我认为已经拍完和编排好的那些打斗场面之所以能如此令人激动,都要归功于R.A.Rondell对片中每位角色身体特征和超能力的完美把握,他同时也负责统筹本片的特技和替身戏。所以显而易见,Chris Hemsworth的特征么就是他的大锤和那胳膊的尺寸了(大笑)。Chris Evans有他的盾牌,扮演黑寡妇的Scarlett也会很多武侠功夫。Robert套在他那副铠甲里,而Loki靠的则是他的机智、他那来无踪去无影的能力和手中的法杖。所以我认为片中的打斗真的是非常值得一看。

    他是深不可测的。身为一位战士的雷神相对来说不那么神秘莫测,但这丝毫不影响他那扣人心弦的表现。至于你关心的宇宙魔方……在《雷神》的片尾已经有过提示了,我想剧情中肯定会给出一个后续的交代。只要是看过《美国队长》的人都知道……所以它在本片中的表现将会更进一步,但我不想剧透。

    :早些时候我们曾和Joss谈起过角色们的神话背景,特别是北欧神话。Loki的神话背景中有多少成分是真正取自神话中的?在你们现在的剧情中他的神话身份如何?

    HIDDLESTON:很难扩充他的神话背景,因为惊奇漫画要把他们手中各种不同世界观中的不同元素糅合在一起,这已经是件艰巨的大工程了。所以本片的神话成分其实和《雷神》基本一样。我们可没法一下子飞回那个要靠啃金苹果过活的世界,Loki也不可能变个马啊什么的,北欧神话里的其他人物暂时也没戏。反正目前我还看不出奥丁他爹啊巴尔德啊还有其他北欧神会出现在戏里。《复仇者联盟》毕竟只是部片长两小时的电影,有七到八个主要角色已经足够了。所以我想就算今后我们会在北欧神话中深挖下去,那也只会出现在《雷神》的那些续集里吧,当然对这些续集我真的是完全一无所知。

    :你觉得自己会出现在《雷神》续集中吗?

    HIDDLESTON:我真的不知道。我知道我之前总有些忍不住想要做些剧情前瞻,但我真的啥都不知道。我不知道Chris是否正在演这样一部续集,我真的不知道哎。

    :《复仇者联盟》会为更多的复仇者联盟影片埋下伏笔吗?在影片的结尾你有没有这样的感觉?

    HIDDLESTON:希望如此的可不止你一个吧?我的意思是说,这真的让人很兴奋。当我第一次看剧本的时候我就……这真的很少见,我竟会一直坐在那里阅读一份剧本,不去看表也没起身去倒杯茶。我一口气看到了最后一页,然后对自己说:“碉堡了!”Joss的神来之笔重新诠释了我们喜爱的那些角色,给他们注入了新的生机,让他们面目一新,而且完美的将他们集结在一起并让每个角色的比重都恰到好处。这真是……一卷让我铭记在心的卓越剧本。如果他们希望继续聘请Joss来制作下一部……那么我想,棒!让我们期待会有更多的后续影片吧。

    :和我们在《雷神》中领略过的那些剧情相比,这次Loki会有哪些值得期待的能力?我们会看到他变形吗?

    HIDDLESTON:我想他的手段比起《雷神》那时候有了少许的进步,你明白不?这次他能来无踪去无影,会精神控制,还能自我复制,对那些以为他已黔驴技穷的人而言这无疑是意想不到的状况。

    (跳跃)

    :与Joss合作时,感觉有哪些方面和Kenneth Branagh不同吗?他们的背景不同,自然也会有很多差异吧。

    HIDDLESTON:Joss的有趣之处在于他对英国剧院文化和演员培养的看法。我之所以这么说,是因为我也和他臭味相投。他的眼界很宽。每当摄制组更换镜头或者暖机的时候,Joss和我总是会谈起1997年Ian McKellen爵士在国家剧院上演《人民公敌》时的精彩表现。他所有的电视节目都是和英国演员合作的。事实上他还谈起过自己在高校就读时,不得不在剧院和电影之间做出抉择的那段往事,他险些成了一个舞台指导。我认为尽管Joss的工作方式让人觉得他过于挑三拣四,但实际上他是正在享受表演艺术和电影艺术的乐趣,他对舞台和叙事艺术同样着迷——他实在是涉猎太广。

    其实这真的很有意思。在《雷神》的采访现场,似乎所有人都在惊讶“哦哟!Kenneth Branagh在导一部超级英雄片?”但据我所知,Ken可是个超级英雄影迷(大笑)。别被他拍的那些莎翁剧给蒙了。而Joss却和他正相反,是个莎翁剧的死忠。他是位杰出的作家与叙事艺术家。当然他们的手法各不相同,也并不是同一类人。尽管如此我却乐得如此。与他合作真是十分愉快的一段经历。他是如此的风趣,我也非常乐于接受他的指点。无论何时,他从监视器旁走回来的时候脸上总是笑得跟一朵花儿似的……他是个实干家,做任何事都是精雕细琢。

    :很多人对你在《雷神》中的表现赞誉有加。我认为我们之中的大多数人也都觉得你是实至名归,一个杰出的奸角实在是可遇不可求的。相信你已经看过或耳闻了一些赞赏之辞吧。我很想知道这是否会让你在参演本片时感到一些额外的压力?大家对你期待有加,你也必须要在本片中有所超越吧?

    HIDDLESTON:问得好。我实在是尽力不去考虑这些。我认为不管你从事的是哪类艺术工作,都不能总是为了“最后的结果”和“取得突破”而瞻前顾后。在我看来,作曲家总是这样想:“我得坐下来写首曲子,这首一定得比上一首写的好些。”而美术家或是画家总是这样想:“新的这幅作品一定得比上一幅画得好。”这就是人们常提起的“续集难拍”,然而我真的没有这样的感觉。我想原因在于自己的注意力全都集中在考虑如何以最好的状态去诠释角色和故事上了吧。不单是惊奇漫画题材的影片,我无论参演哪部影片时都尽量不去想观众观影后的反响。因为那会让你变得自大又狂妄。你只需要思考以下这些问题就足够了:“这家伙是谁?他想要什么?我的责任就是去把这家伙演活了,我必须对他的世界观负责。至于其他人怎么看,就完全取决于他们自己了。”我在《雷神》中扮演Loki的时候并不知道人们会爱上我的表演,但我想这是件好事儿(大笑)。但尤其要紧的是——“你必须对你自己忠实;正像有了白昼才有黑夜一样,对自己忠实,才不会对别人欺诈。”

    :Tom,让咱们关起门来扯点儿私房话——当你把手伸向宇宙魔方的时候,都干了些啥?

    HIDDLESTON: (大笑)好吧……那我就引用《雷神》片尾Sam Jackson的话吧。Stellan Skarsgard扮演的Erik Selvig问Sam Jackson扮演的Nick Fury:“那是什么?”然后Nick Fury答道:“是力量,博士。如果我们能搞明白该怎样使用它,那它说不定将是无限的力量。”所以我觉得正是这一点将Loki引向了魔方。

    为什么iOS 6将放弃Google地图?-月光博客

    208位用户收藏此文章

      据9to5mac报道,苹果将在一个月后的 WWDC 2012 上公布的新版 iOS 6 系统中弃用自 2007 年一直到现在沿用的谷歌地图(Google Maps)服务,转而使用自家开发和支持的地图服务(Maps),新 Maps 跟目前在 iPhone、iPad 上地图界面类似,但是更简洁更快,体验也更可靠。  苹果为什么弃用谷歌地图?  其实苹果将推出自己的地图服务在之前就已经大有苗头了,因...

    为什么iOS 6将放弃Google地图?-月光博客[原文链接]

    208位用户收藏此文章mark

      据9to5mac报道,苹果将在一个月后的 WWDC 2012 上公布的新版 iOS 6 系统中弃用自 2007 年一直到现在沿用的谷歌地图(Google Maps)服务,转而使用自家开发和支持的地图服务(Maps),新 Maps 跟目前在 iPhone、iPad 上地图界面类似,但是更简洁更快,体验也更可靠。

      苹果为什么弃用谷歌地图?

      其实苹果将推出自己的地图服务在之前就已经大有苗头了,因为在今年 3 月新一代 iPad 发布会上新推出的 iOS 版 iPhoto 中已经弃用谷歌地图(Google Maps)转用 OpenStreetMap(开放街道图)服务了。虽然到现在苹果仍没有完全弃用谷歌地图,不过即将脱离的信号却已早早释放出了。

      众所周知,在 Google 修改其地图 API 收费的借口下,苹果、Foursquare 等相继弃用谷歌地图的背后并不是简简单单的费用问题,就像去年闹的沸沸扬扬的京东与支付宝分道扬镳一样,绝不是刘强东所说的不满支付宝较高的费率。

      因为对于苹果来说谷歌地图再好、再便宜,即使依旧免费也是对其自身的一种桎梏,因为自己的产品用的确是别人家的产品,尤其是这家还是更多的是竞争关系(iOS vs Andriod、iAd vs Amdob 等),尤其是地图这种占据着最底层与基础的位置的服务,因为所有人都明白,随着移动设备的智能化和普及化,地理位置信息正在逐渐成为移动应用的标配,而地图服务是重中之重。

      让自己的用户行为暴露在竞争对手下面绝对不是一件好的事情,想想当初支付宝可以看到京东上什么东西好卖什么东西不好卖一样,自己的家底怎么可能由对手掌控。

      因此苹果弃用谷歌地图就自然而然了。

      新地图将是什么样子?

      苹果准备替换谷歌地图并不是一蹴而就的,因此整体体验虽然暂时无法与谷歌地图的核心功能和体验相比,但是考虑已经从四年前就开始收购地图服务公司(Placebse)的苹果做出准备应该还是比较充分的,因此新 Maps 应该会和现有的服务水准相当。当然,苹果肯定不会满足于仅仅相当的,那么它具体还会有什么变化呢?

      1. 图标更换

    Google maps

      现有的图标是一个类似谷歌地图样式的图标,据悉新的图标在样式上或许会保持原有,但是会更换颜色。当然,不排除苹果会在小小的 icon 上给我们一个惊喜,毕竟这是成本最小的。

      2. 3D 地图

    为什么 iOS 6 将放弃 Google 地图?

      苹果在去年收购了 3D 地图解决方案的领先提供者 Technologies 公司, 这家瑞典公司的自动化软件和高级算法可以生成极为精确的 3D 模型,并且与传统的 2D 地图、卫星地图、街景摄影和用户生成图像实现无缝集成,下面提前看看新 Maps 3D 效果下的胡佛大坝什么样子吧。

      3. 街景(StreetView)

    为什么 iOS 6 将放弃 Google 地图?

      在街景方面,苹果是在前年收购的加拿大 Poly9 网络地图服务公司的,Poly9 旗下的 Poly9 Globe 的合作伙伴包括微软、雅虎、北美防空联合司令部 (NORAD) 和 MSNBC,本身就是 Google Earth 强有力的竞争者,它除了提供包括 3D 地图在内的地图服务外也提供类似谷歌 StreetView 的实时街景服务。

      4. 没有火星坐标了 :)

      可以看到苹果是铁了心的要撇掉谷歌地图了,当然 Google 也不会甘心一下子丢失掉那么多的用户,如果苹果在 iOS 6 上真的完全替换为自己的地图服务的话,Google 也会在 iOS 上推出单独的 地图 App 来和苹果的新 Maps 竞争,相信不少用户依旧会选择它,毕竟多年深耕地图的 Google Maps 不仅有着无可比拟的强大地图数据库,尤其在世界范围内,这方面是苹果新 Maps 无法满足的。

      投稿:极客公园  , 原文链接

    空间化界面 « 技术奇异点

    162位用户收藏此文章

    在论坛社区里有个问题每过段时间就会被提一次:是否有可能出现一种图形化编程方式能完成「传统」方式的所有任务,甚至取代后者的主流地位。知乎的 Rio 在回答中提出像 Lisp 这样语法超级简洁的语言也许可以通过图形化语法树的形式完成图形化编程。从更广的角度来说,自 Steve Jobs 访问 Xerox PARC 之后(甚至更早),软件设计者们一直在挑战一个难题:软件界面应该图形化到何种程度。Appl...

    空间化界面 « 技术奇异点[原文链接]

    162位用户收藏此文章mark

    在论坛社区里有个问题每过段时间就会被提一次:是否有可能出现一种图形化编程方式能完成「传统」方式的所有任务,甚至取代后者的主流地位。知乎的 Rio 在回答中提出像 Lisp 这样语法超级简洁的语言也许可以通过图形化语法树的形式完成图形化编程。从更广的角度来说,自 Steve Jobs 访问 Xerox PARC 之后(甚至更早),软件设计者们一直在挑战一个难题:软件界面应该图形化到何种程度。Apple 在传统 Macintosh 中做到了图形化的极端,甚至去掉了键盘的方向键;在后期的系统以及 OS X 中则向相反方向回退:AppleScript 鼓励普通用户编写脚本,命令行的 Terminal 重新发挥作用。合适的边界在哪里,而编程又在边界的哪边?

    问题维度

    小学时学习实数用到数轴,中学时学习一元函数用到二维笛卡儿坐标的图形化。足够细心的人能用绘图法能够解决很多选择题。如果配合坐标纸,绘图甚至可以独立解答一部分平面解析几何的题目。更进一步,空间想象力和绘图功力不错的人可以用正交投影绘图来研究二元函数和立体几何。但投影绘图方式只能作为提供思路的辅助工具,无法起到一元函数和平面解析几何的绘图法那种独立解题的作用。作为研究问题的工具,图形化所能胜任的问题维度受限于工具介质的维度。而且这里的图形化严格说来应该称之为「空间化」。由于高维度的问题无法空间化,研究者必须直接操作逻辑符号。

    计算机的显示器是二维的,即使它能用各种投影法来显示 3D 内容,指点设备 (pointing device,比如鼠标) 操作界面的方式仍是二维的。所以软件的界面受限于二维。当然,实际要更复杂一些。借助窗口,tab,分割线,甚至于更复杂的 dockable  palette 等等,软件界面是具有层次关系的一组二维空间。但是具有层次关系的二维空间组仍然不是三维空间。

    适合图形化界面的问题,是在经过层次划分之后每个层次可以被自然地二维空间化的问题。比如文件管理,文字处理和排版。在 《The Mythical Man-Finger》 中,作者循序渐进的说明了简单的管理音乐文件的问题如何一步步复杂化到远远超越二维空间化的程度,最终必须由命令行来实现。比如「把 iTunes 中随机/最后播放/最常播放的 n 首歌曲同步到其它 app/device」。把这个问题拆借成单独的小问题,很容易分别图形化:

    • 按照随机/最后播放/最常播放排序 —— 排序的空间化;
    • 找到任意数量的歌曲 —— 数量的空间化;
    • 同步到 iPhone —— 位移的空间化。

    由于每个问题单独空间化的意义不同,它们的界面往往是分开的。组合到一起成为复合需求之后则难以图形化。这也是为什么一些图形界面应用总体设计的不错,一到了 Import/Export 界面却变成很凌乱的对话框,反而不如像 AppleScript 这样的脚本化功能来的自然。

    空间化作为呈现问题的一种方式,是将问题本身空间化,而非空间化问题的另一种表现方式。不能因为一个文字排版软件优美地编排了一个阐述四维空间问题的论文,就说这个软件成功的空间化了这个四维空间问题。同样, 把所有的 Import/Export 选项用下拉列表和 TextEdit 控件并列出来,固然也算可用的界面,但并不优于命令行方式。Rio 关于图形化 Lisp 语法树的设想,以及很多软件通过图形化流程图来尝试图形化编程的方式,都属于这种不成功的空间化。数轴不是把实数的十进制表示空间化,而是把实数本身空间化。二维坐标系不是把一维函数的公式空间化,而是把函数本身空间化。

    目前用计算机处理多维度问题的方式主要要是定义一个多维的非空间化表示方式,然后再尽可能的用图形化界面来呈现这种方式。此时的图形化是为了呈现表现方式的符号而不是问题本身。今天我们有支持多 tab 和彩色字符的 Terminal;有支持语法高亮,括号匹配和 block 折叠的代码编辑器,它们是符号化图形界面而不是空间化界面。

    空间化与符号化

    回到最初的问题。既然早已存在高度图形化的代码编辑器,为什么「图形化编程」的问题会一再被提出?因为提问者和回答者都在潜意识里把「图形化」等同于「空间化」,直觉上对符号化的图形界面并不满意。但是缺乏「空间化/符号化」的分类思维又无法认识到空间化的局限。

    为什么「空间化」如此深入人心?我只能猜想,在几百万年的进化中,人类的空间化记忆和认知对生存至关重要,这是人类最熟练的技能。

    即使不考虑键盘和指点设备的输入带宽差异(幻想有某种神奇的指点设备能用键盘输入字符的速度操作空间化元素),把逻辑符号生硬的空间化也未必能提高效率。比如说,语法树这个逻辑概念中,每个节点的空间坐标其实是没有意义的。当然,在具体的教学例子和某位程序员的思考过程中,把某个语法树空间化是有用的。但是这更多的是特定例子(对初学者)的呈现和短时间自省的工具,而非一般的交流和存储方式。试想如果把成千上万的语法树空间化表示,光是调整节点的空间布局就需要无谓地耗费多少精力。在长期的知识表示和交流中,语法树的空间信息是正熵而非负熵。

    逻辑符号标志着人类中的一部分超越了可能是自然进化赋予的空间化记忆和认知能力,数学(特别是超越三维的问题)和编程语言体现了直接在高维度思考的能力。每个人掌握这种能力的程度不一,有些程序员可以通过默想写出程序,而另一些则需要绘制大量用于自省的草图,。但是无论如何,空间化工具已经不足以解决高维度问题的过程中充当主要角色。人类和工具在相互影响,一方面工具尤其是软件在不断适应人类几百万年的空间化认知习惯,另一方面,能够驾驭高维逻辑工具的人在整个人类中的比重也应该越来越多。

    作为Web开发人员,我为什么喜欢Google Chrome浏览器 - Q.Lee.lulu - 博客园

    119位用户收藏此文章

    【原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html 】在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器。在Chrome出来的时候,我就喜欢上它的简洁、快速,无论是启动速度还是页面解析...

    作为Web开发人员,我为什么喜欢Google Chrome浏览器 - Q.Lee.lulu - 博客园[原文链接]

    119位用户收藏此文章mark

    【原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html 

    在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器。

    在Chrome出来的时候,我就喜欢上它的简洁、快速,无论是启动速度还是页面解析速度还是Javascripts执行速度(现在的FireFox4也比之前的FireFox3有很大的进步)。不过当时由于Chrome的开发者工具还不是很完善,而我又不是很熟悉,加之对于Firebug的好感和依赖,当时还是用回FireFox作为我的主浏览器。

    后来由于开发Chrome的插件(现在的FaWave),就一直使用Google Chrom作为我的主浏览器,渐渐熟悉Chrome的开发者工具,而Chrome也一直在快速迭代,快速进步中,到现在,Chrome已经绝对成为我的主浏览器,Chrome的开发者工具,我也认为比Firebug更好用。

    得益于Google V8的快速,和对HTML5和CSS3的支持也算比较完善,html类的富客户端应用Chrome上无论是流畅性还是呈现的效果,都是比较出色的,这对于开发者,特别是对于那些喜欢研究前沿技术的前端开发者来说,是很重要的。

    对于本文,作为一个Web开发人员,除了上面的原因以外,与我们开发相关的,就是Chrome的开发者工具。而本文,就是要详细说说Chrome的开发者工具,说说我为什么认为它比Firebug要好用。

    怎样打开Chrome的开发者工具?

    你可以直接在页面上点击右键,然后选择审查元素:

    或者在Chrome的工具中找到:

    或者,你直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台),或者直接按F12

    打开的开发者工具就长下面的样子:

    不过我一般习惯与点左下角的那个按钮,将开发者工具弹出作为一个独立的窗口:

    下面来分别说下每个Tab的作用。

    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等,你可以对存储的内容编辑和删除。
    这里的CSS文件有一个好玩的特性,你可以直接修改CSS文件,并且修改即时生效哦:

    Network标签页

    Network标签页对于分析网站请求的网络情况、查看某一请求的请求头和响应头还有响应内容很有用,特别是在查看Ajax类请求的时候,非常有帮助。注意是在你打开Chrome开发者工具后发起的请求,才会在这里显示的哦。
    点击左侧某一个具体去请求URL,可以看到该请求的详细HTTP请求情况:

    我们可以在这里看到HTTP请求头、HTTP响应头、HTTP返回的内容等信息,对于开发、调试,都是很有用的。

    Scripts标签页

    很明显,这个标签页就是查看JS文件、调试JS代码的,直接看下图的说明:

    还有你可以打开Javascripts控制台,做一些其他的查看或者修改:

    你甚至还可以为某一XHR请求或者某一事件设置断点:

    Timeline标签页

    注意这个Timeline的标签页不是指网络请求的时间响应情况哦(这个在Network标签页里查看),这个Timeline指的JS执行时间、页面元素渲染时间:

    点击底部的Record就可以开始录制页面上执行的内容。(这个不熟悉,请参考文末链接)

    Profiles标签页

    这个主要是做性能优化的,包括查看CPU执行时间与内存占用:

    这个也不熟悉,不多说,还是请参考文末链接吧。

    Audits标签页

    这个对于优化前端页面、加速网页加载速度很有用哦(相当与Yslow):

    点击run按钮,就可以开始分析页面,分析完了就可以看到分析结果了:

    它甚至可以分析出页面上样式表中有哪些CSS是没有被使用的哦:

    Console标签页

    就是Javascripts控制台了:

    这个除了查看错误信息、打印调试信息(console.log())、写一些测试脚本以外,还可以当作Javascripts API查看用。
    例如我想查看console都有哪些方法和属性,我可以直接在Console中输入"console"并执行:

    怎么样,一目了然了吧 ?再例如我想查看日期函数都有哪些方法:

    注:注意在这里看到的某些方法和属性是ES5新增的,记得兼容其他浏览器的支持情况哦

    结语

    Google Chrome除了简洁、快速,现在的Chrome的插件也非常的丰富了。而对于web开发者来说,Chrome对于HTML5、CSS3等一些新标准的支持也是比较完善的,而且Chrome的开发者工具我个人认为真的非常好用,这就是为什么我向web开发者推荐使用Chrome的原因。

    注1:本文截图的Chrome版本为:13.0.782.215 m
    注2:Chrome开发者工具更详细的说明请参考:http://code.google.com/intl/zh-CN/chrome/devtools/docs/overview.html
    注3:本文原来想定的标题是:给那些因为Firebug而舍不得FireFox的朋友