从今天开始正式转到chrome了.

乱码

正式放弃firefox && firebug.

它的web developer tool太NB了，debug js连 __proto__都能看到，而且不用像firebug一样install很多基于它的add on.

dalaohu

真的？ debug 比firebug 好？？

介紹介紹看。。。

cdfei

是吗

bulaohu

原帖由 乱码 于 2010-10-28 16:55 发表
正式放弃firefox && firebug.

它的web developer tool太NB了，debug js连 __proto__都能看到，而且不用像firebug一样install很多基于它的add on.

从此走上光明大道

realfenglin

祝贺祝贺。

kr2000

我也去看看有多好

最近刚发现ie的developer tool很不错，感觉比firebug好

乱码

ff的add on不少，我常用的大概也就是4-5种，不过真正每天都用得是firebug+firequery,好处是
1.有jquerify，开任何一个页面，配合console都可以做jquery.
2.jQuery debug容易很多。

不好的地方是在screen上用mouse select element的时候，screen闪的很厉害，特别不容易选中，而且左上角有它一块当前element property的东西，它下面的element甭想去碰，最近几天做xslt，需要整个screen的东西，边边角角都不能放过，这东西让我ff crash过几次，我怒了，试了几个browser的tools，相比chrome的web developer tool最好最稳定，而且debug的信息给的比firebug全一些，甚至传说中的__protocol__我都能看得到，的确很震惊。

个人感觉不如firebug的地方
1.web developer tool中console中不能多行输入，firebug可以，它把enter(回车换行）跟ctrl+enter（execute)分开对待。
2.它的resource（相当于fb中的net），不够一目了然，必须要点到那个http request才能看到其中的细节，fb net直接可以看到很多的信息。

至于jquerify，有个连接，其中一个jquerify的link,drag到你的bookmark中就可以了。
http://www.learningjquery.com/20 ... querify-bookmarklet
其中的思路可以让你动态的loading jQuery lib，很不错。


这几天我会很多的用chrome web developer tool，如果有什么新发现，我会跟大家分享。建议感兴趣的同学也尝试一下，大家交流一下意见，争取有更多的发现。

[ 本帖最后由 乱码 于 2010-10-29 10:13 编辑 ]

mayumi86

我早从ff跳到chrome了，ff速度是在是太慢了。而且新版的，经常搞的我风扇轰轰的吹。吓人~
之后转chrome，速度也快，风扇也不乱转了。

乱码

原帖由 mayumi86 于 2010-10-28 23:03 发表
我早从ff跳到chrome了，ff速度是在是太慢了。而且新版的，经常搞的我风扇轰轰的吹。吓人~
之后转chrome，速度也快，风扇也不乱转了。

chrome去年刚出的时候，我看过它的内存，实在太吓人，而且那时候也没有啥add on,就搁起来了，没想到google现在做的这么好，我要翻翻chrome的blog了，一定订阅，但从来没真正看过

rumcoke

歪个楼 如果我只写原生js, 不考虑jquery之类 为什么一些面向IE的js语法chrome支持的并不好呢 比如keycode==13 或者 execScript('n = msgbox("'+str+'" & vbcrlf & "'+str2+'", vbyesno )', "VBScript" )之类的 尤其是后者比较明显的不支持 要么就是我的chrome版本问题?

[ 本帖最后由 rumcoke 于 2010-10-29 09:19 编辑 ]

bulaohu

原帖由 乱码 于 2010-10-28 22:58 发表
ff的add on不少，我常用的大概也就是4-5种，不过真正每天都用得是firebug+firequery,好处是
1.有jquerify，开任何一个页面，配合console都可以做jquery.
2.jQuery debug容易很多。

不好的地方是在screen上用mouse select el ...

what you mean by "resource"?

乱码

为什么现在还要只用jscript作script？连ms自己都move on to javascript了.

现在的browser对script tag一般就是看它的src,其他的两个attributes, type & language都一般不检查的，默认就是javascript.我猜想现在只有IE支持它，其他的browser很玄（我不确定）.

而且这种execScript的方式会引发第二次script evaluation，就像eval一样，会有performance的问题，很不推荐.

建议如果写元生js，也用javascript,不然对自己的职业发展很不利。

乱码

原帖由 bulaohu 于 2010-10-29 09:55 发表


what you mean by "resource"?

resource在chrome中相当于firebug的net，看http requests用的。

rumcoke

很惊讶的是android手机内置浏览器居然也支持的不错
当然正常情况下我都是写js的 这个地方是当时需要一个yes/no的prompt 只是一个无关大局的简单的应用 不至于费时间去做div

Dan.and.Andy

啥是原生js, 英文怎么说? 特指微软 jscript ?

如果遵循 ECMAScript 的标准, 肯定是cross browser的, Chorme 没必要支持 Microsoft 自己的标准

比起直接使用javascript 来实现, jQuery 会带来一定的 performance 问题, 我测试过, 不过不是什么大问题.

乱码

原帖由 rumcoke 于 2010-10-29 10:16 发表
很惊讶的是android手机内置浏览器居然也支持的不错
当然正常情况下我都是写js的 这个地方是当时需要一个yes/no的prompt 只是一个无关大局的简单的应用 不至于费时间去做div ...

不是很清楚android上的”browser“.

市面上很多modal popup，基本用的是div，你可以考虑用一下。因为alert/prompt这类的dialog会block browser current thread(in general，现在市面上95%的browser只有一个thread,系统的reflow和repaint和用户的javascript都share这一个thread),所以不推荐用这两个dialog,不过小小不然的应用也没啥。

乱码

原帖由 Dan.and.Andy 于 2010-10-29 10:39 发表
啥是原生js, 英文怎么说? 特指微软 jscript ?

如果遵循 ECMAScript 的标准, 肯定是cross browser的, Chorme 没必要支持 Microsoft 自己的标准

比起直接使用javascript 来实现, jQuery 会带来一定的 performance 问 ...

元生js,我觉得是在标准的lib上写东西，不通过任何市面上的framework来辅助。

jQuery作为一个framework,就是中间加一层，performance肯定受一点影响，但对benifit来说，这点可以忍受。

有的人说$("#<elementid>")要比getElementById快，这基本上是在说梦话，不过有的coding standard要求尽量使用统一的格式get element,用jQuery的格式就可以理解了，但不代表有performance benifit.

典

When they talk about Jquery performance benifit, they may be talking about "search by attribute"
For example, there are few tables on the page, each table has few rows (or a lot of rows), each row has some input-box columns, how to know: which row has been changed by the user?

With jquery it's so simple   $("tr [changed=1]"). I don't think I can write more efficient javascript code to do this job.

Yonny

Chrome中的extension经常会失效，比如我常用的adblock，鼠标拖拽等。需要重启一下。这点非常烦人，尤其是已经打开登录了很多网页，发现某个关键的扩展不能用，需要重启。这时特别想骂Google。

Firefox稳定多了。

zengj

chrome占内存太大，比firefox还大。
chrome没有scrapbook插件。
所以，继续firefox为主，chrome为辅。

bulaohu

原帖由 Yonny 于 2010-10-29 12:26 发表
Chrome中的extension经常会失效，比如我常用的adblock，鼠标拖拽等。需要重启一下。这点非常烦人，尤其是已经打开登录了很多网页，发现某个关键的扩展不能用，需要重启。这时特别想骂Google。

Firefox稳定多了。 ...

1. which OS?
2. which channel of Chrome?

AdBlock never crashed even once for me.

Yonny

原帖由 bulaohu 于 2010-10-29 13:13 发表


1. which OS?
2. which channel of Chrome?

AdBlock never crashed even once for me.

我用的是Windows XP，而且只用stable版本，现在用的就是Chrome 7，这个问题在6和7上都遇到过。

我不是说扩展崩溃，而是指不定期的某些扩展会失效。具体哪些扩展是很随机的，比如这次启动Chrome，打开网页发现广告都在，我知道是adblock失效了，于是重启Chrome，一切正常。下次打开Chrome，发现无法鼠标拖拽了，知道那个扩展失效了，需要重启。基本上我装的六七个扩展都失效过，所以这应该是Chrome的问题，不是扩展的问题。

也可能是因为我用的是 Chrome Portable？

bulaohu

ha ;)

乱码

原帖由 典 于 2010-10-29 12:20 发表
When they talk about Jquery performance benifit, they may be talking about "search by attribute"
For example, there are few tables on the page, each table has few rows (or a lot of rows), each row has ...

没看过jQuery的这段source code，但我educated guess是它很定是抄袭browser中css的engine的算法，这些东西都是open source的，模仿一下很容易。

乱码

原帖由 Yonny 于 2010-10-29 20:43 发表

我用的是Windows XP，而且只用stable版本，现在用的就是Chrome 7，这个问题在6和7上都遇到过。

我不是说扩展崩溃，而是指不定期的某些扩展会失效。具体哪些扩展是很随机的，比如这次启动Chrome，打开网页发现广告都在，我知道是a ...

6-7个extensions对chrome负荷有点多，如果干活的机器，尤其是front end,2-3个就可以了，万一一个extension出问题，它会把chrome搞死的，即使不死，狂闪也受不了，我的ff就是让那些不负责任的extension弄得很慢。

乱码

debug function的时候，还有scope variable可以看，包括closure,local,global，给作framework level js的developer省掉很多debug的工作量，相当不错。