新手刚去某科技公司实习,做的后端 REST 服务和前端 React+Flux。
以前一直用 Safari 感觉特别流畅,开发者工具也挺好用(也可能是我不懂,我也就用用 inspect element,然后设断点 debug javascript)。但是公司的同事几乎全部都用 Chrome。
问下各位有经验的老司机,大家觉得哪个浏览器调试前端特别好用?我用 Safari 就是非主流吗?
顺便大家有好用的 REST 客户端吗。
1
243205964 2015-08-05 03:46:39 +08:00
chrome:toggle device mode很好用
|
2
junjun 2015-08-05 05:22:12 +08:00
qq浏览器
|
3
yanguango 2015-08-05 05:26:32 +08:00 1
chrome + postman
|
4
way2explore2 2015-08-05 06:09:25 +08:00
当然ie6
|
5
way2explore2 2015-08-05 06:09:53 +08:00
其实我用firefox
|
6
shensi 2015-08-05 06:29:47 +08:00 via Android
最好是主力chrome因为开发者工具很方便调试,前端使用它的人也多,方便交流。配合ff,safari和IE等方便亲自查看兼容效果。
|
7
Mark24 2015-08-05 06:44:51 +08:00 via Android
Firefox
|
8
guoqiao 2015-08-05 06:56:09 +08:00
Chrome + 1
|
9
KexyBiscuit 2015-08-05 06:56:21 +08:00 via Android
Microsoft Edge & Chrome
|
10
582033 2015-08-05 06:58:08 +08:00 via Android
楼主说的那些chrome都有,而且不是每个人都是从osx过来的。
像我们这种从win过来或者依旧在用win的开发者,大部分还是比较喜欢chrome或者ff。 ps:受不了ff那奇丑的UI...没用过 |
11
anubiskong 2015-08-05 07:36:29 +08:00
chrome毋庸置疑. 其他浏览器只是为了调兼容才用.
|
12
lingo233 2015-08-05 07:39:12 +08:00
用IE因为你要兼容他23333
|
13
mytsing520 2015-08-05 07:40:44 +08:00
Chrome
|
14
yangkeao 2015-08-05 07:43:04 +08:00
chrome
|
15
df4VW 2015-08-05 07:49:27 +08:00
safari可不是非主流么。。chrome 或者 firefox 才是正道
|
16
demoslam 2015-08-05 08:19:44 +08:00
IE,不正面刚IE就不算一个好前端
|
17
del1214 2015-08-05 08:23:58 +08:00
如果是移动端,那就是safari和qq浏览器
|
18
NemoAlex 2015-08-05 08:26:00 +08:00
Safari 确实是非主流。
主要原因是它的 Developer Tool 的界面设计经过几次大改。从最初的和 Chrome 差不多,到目前这样,中间有几次改动太大以至于一更新打卡完全摸不到头脑,怎么看 Dom Tree 都找不到了。 至于功能上,目前的 Chrome 有模拟移动设备的功能,算是一个杀手级应用。 当然 Safari 也有一些值得借鉴的地方,例如对于 CSS 属性的显示,这种方式很方便复制代码。这个设计我是非常认同的。 |
19
moe3000 2015-08-05 08:27:06 +08:00
IE!战胜IE才是一切→_→
调试的话firefox,chrome皆可 |
20
hooluupog 2015-08-05 08:54:18 +08:00
搞开发绝对是chrome首选。不论是对新标准的支持,跨平台还是跨设备的支持,以及各种开发者使用的扩展。实际上从各种开发者技术演示的会议上也能看出基本都是chrome。
|
21
visonme 2015-08-05 08:56:18 +08:00
Chrome和火狐,如果想增强调试功能就用第三方工具,rest客户端一般都用chrome的一个rest插件或者用curl(挺好用的)
|
22
em70 2015-08-05 09:09:42 +08:00
前端应该所有浏览器都安装,chrome或者火狐作为主力,因为这2个浏览器对标准支持最好
|
23
kilasuelika 2015-08-05 09:14:05 +08:00
感觉chrome内存泄露太严重了,开个浏览器就可以用到两三个g的内存,所以改火狐了。
|
24
MuskWang 2015-08-05 09:15:45 +08:00
Chrome和Firefox配合着用。
|
25
yhxx 2015-08-05 09:19:00 +08:00
前端表示所有常用浏览器都要用。。。
常用chrome,有时候用一下firefox chrome的开发者工具很好用,firebug也不错,不过就是用着不舒服 |
26
learnshare 2015-08-05 09:51:05 +08:00
Chrome 更新快,新技术支持的更早,更全面;
调试工具更好用; Chrome 最能代表现代浏览器的先进生产力。 |
27
duanhr 2015-08-05 09:56:08 +08:00
@way2explore2 这。。XP都停用了。。win7最低支持的就是IE8。。IE6是什么鬼。。
|
28
evolighting 2015-08-05 10:08:12 +08:00
前端?请务必使用三大内核都调试一遍;
不然你就是不负责 |
29
realpg 2015-08-05 10:15:12 +08:00
自从有了chrome,我的很多项目就是chrome开发 chrome调试 只支持chrome,如果你的其他浏览器也能看我的网站那说明你的兼容型强
我现在连写html代码/css都用chrome修改过的F12了 真所见即所得啊…… |
30
bin456789 2015-08-05 10:27:47 +08:00 via Android
windows环境,360极速浏览器~(不许笑)
理由是webkit模式、ie edge模式、ie 兼容模式随时切换 webkit下调试工具也跟chrome一样 |
31
way2explore2 2015-08-05 10:28:59 +08:00 via Android
|
32
abscon 2015-08-05 10:39:21 +08:00
|
33
XerWandeRer 2015-08-05 10:43:26 +08:00
Paw. The ultimate REST client for Mac.
|
36
jeromeli 2015-08-05 13:19:24 +08:00
除了chrome还有最好这么一说???
|
38
jtam 2015-08-05 13:26:34 +08:00
@NemoAlex Safari->Preferences->Advanced->Show develop menu in menu bar
Enjoy |
41
aivier 2015-08-05 14:13:12 +08:00
Chrome,并没有什么优势功能,但是都比Firefox和IE以及不稳定的EDGE完善方便
|
42
582033 2015-08-05 14:22:17 +08:00
@abscon
我个人喜欢的是chrome那简约的设计,对比下chrome跟FF, chrome把一切可以精简的地方都用来显示页面内容了(单独的菜单栏 书签栏 状态栏等等); 最早把搜索栏跟地址栏合并到一起的也是chrome;ff的菜单,就展示在上面的按钮来说,有多少个是平时用不到的? 现在所有浏览器都可以看到chrome的影子,不管是从内核还是从UI上,当然也包括FF。 插件跟调试工具之类的,两者确实相差不大。 PS:没有把话题升级为浏览器大战的想法,不要介意。 |
43
zhea55 2015-08-05 14:31:15 +08:00 1
不用chrome开发 不能算前端,真的
新版chrome的调试工具,javascript下断点的时候,变量运行的值,直接写出来了。 其他调试工具,还需要用鼠标指到变量上面一个一个的看。效率低的不行。 chrome的调试工具 比其他所有都强,比很多ide都复杂。 它支持很多sublime的快捷键,ctrl p,所有文件搜索。 |
44
slayerdoomsday 2015-08-05 14:33:34 +08:00
@jtam 这只是模拟手机的user agent吧,跟chrome的手机调试模式没有可比性
|
45
Sarielwind 2015-08-05 14:36:04 +08:00
问题是 我找不到不用chrome的理由
|
46
myhu 2015-08-05 14:37:43 +08:00 via Android
个人风格根据自己选择,测试的话四个主流游览器测试一下就好了
|
47
zhea55 2015-08-05 14:39:09 +08:00
新版chrome 查看dom结构的时候,可以看到那些元素被动态的修改了。
至少领先其他工具几年。 |
49
AnyOfYou 2015-08-05 15:14:49 +08:00
Safari 在 Mac 下的确顺滑,但是其对于 Web 上一些新特性并不很好。
http://nolanlawson.com/2015/06/30/safari-is-the-new-ie/ |
50
chairuosen 2015-08-05 15:17:17 +08:00
我感觉safari 调试工具的摆放逻辑性不强,也就是摆的比较乱。
|
51
djyde 2015-08-05 15:36:57 +08:00
|
52
kaneg 2015-08-05 15:40:19 +08:00 via iPhone
Firefox上的firebug这等前端神器怎么能错过
|
53
jadecoder 2015-08-05 15:40:36 +08:00
REST客户端:postman
|
54
abscon 2015-08-05 17:35:46 +08:00
@582033
现在所有浏览器都可以看到chrome的影子,不管是从内核还是从UI上,当然也包括FF。 ------------------------------------------ 火狐的内核和 Chrome 还是不同的。UI的话,可以不显示菜单栏,做到和 Chrome 一样简洁还是不难的。 你说的其实是“这个浏览器同质化的时代看脸是很重要的”; 我说的其实是“这不是一个浏览器同质化的时代”。其他回复也提到了 Chrome 功能方面的一些过人之处——先不说那些过人之处是否正确,但是这个评判方法是正确的——从功能而不是从 UI 来评价、取舍。 |
55
LancerComet 2015-08-05 17:39:37 +08:00
Chrome,IE 以及基于 Chrome 的国产浏览器都用。
API 测试使用的是 Webstorm 自带的功能。 |
56
kanezeng 2015-08-05 18:29:16 +08:00
Chrome吧,Chrome可以链接Android的机器,然后用电脑打开安卓上的浏览器调试页面,真机调试移动设备浏览器啊,不是模拟器。其它浏览器好像不行。
|
57
Roope 2015-08-05 19:17:55 +08:00
啊噗。 都在推Chrome 我个人比较喜欢Firefox的。
|
59
junzki 2015-08-05 20:38:40 +08:00
开发用Chrome,调试的时候可能会用IE11
|
60
des 2015-08-05 20:53:24 +08:00 via Android
后排问一下火狐怎么下事件断点
|
61
ljcarsenal 2015-08-05 20:57:35 +08:00
在要兼容就标准 尤其是ie6的时候 就会发现一大堆css特性会有问题 真特么烦
|
62
an168bang521 2015-08-05 21:29:13 +08:00
用 Chrome;Chrome是标准浏览器的象征;在前端眼里只有标准浏览器和非标准浏览器(非标准浏览器就是IE),谷歌浏览器对代码的支持比较好;苹果和谷歌用的都是webkit内核,也都是标准浏览器,拼的就是占有率了;
因为前端开发者经常要用F12;解决不同浏览器的兼容问题;谷歌浏览器的F12超级好用,而且手机端演示也做的非常棒,所以 Chrome就成首选了;而win平台并没有多少人装Safari;楼主和同行交流的时候,有没有发现,基本都是用chrome浏览器? 个人感觉Safari 虽然是标准浏览器,但是占有率太低了,才5%的样子,如何能够hold住全场啊;而Chrome占有率甩Safari几条街,谷歌上没问题的,在safari上就没问题;一句话,safari能做的,chrome都可以,而且做的都非常棒,占有率又那么高,有什么理由不用chrome?其它浏览器调兼容的时候用下就可以了; (IE虽然占有率排第一,但是已经是前端眼中的拖油瓶和公敌,渣渣,开发者看着就烦,鬼才去用,忽略IE;) |
63
twtiyb 2015-08-05 22:26:55 +08:00
看到这个问题专门登陆上来回答一下。chrome是用的最舒服的,最习惯的。没有有之一。ff的firebug,最开始在用,后来一直用chrome。ff偶尔用一下。
对比下。只看调度那部分。 1.chrome的控制台可以在任何窗口下开启,不与其他窗口共占。这样的好处是我可以在 Elements,Sources等地方直接输入命令。尤其是在js打断点时输入一些命令。(这一点我在ff上没找到,有可能我是没找对地方)。控制台的search功能,可以搜索所有资源。对于找一些js的函数很有帮助。 2.elements,network,sources很清晰,调试很方便,也可以安装一些调试应用,像jquery audit这种用来补充本身的不足。也可以自己开发一些插件,简单易学吧应该算是。 3.登陆google帐户,加一些其他插件。可以做到帐户资料同步,比如历史记录,用户密码等。尤其是新重装时,登陆帐户会自动下载应用。对于有多个电脑的人来讲好用。ff基本没用过帐户,用过帐户也不记得有啥用了。 其他的,欢迎讨论补充。。。 |
64
Ahri OP 谢谢大家的讨论。看完我发现受益匪浅。不同的开发者,有时候需求也是不同的。
DOM 被修改的时候,Safari 会闪一下被修改的地方。 @zhea55 设断点的时候,Safari 也会直接显示当前位置能访问的变量的值。 @zhea55 Safari 不能模拟移动设备,不过可以调试 iOS 上面的 Safari。Firefox 可以模拟移动设备。 @kanezeng Safari 也可以写了保存的。 @realpg 新特性的问题,Chrome 确实 HTML5 得分最高,可是最后毕竟要兼容所有主流浏览器不是吗,所以 Chrome 的新特性要么不敢用,要么各种 shims,最后别的浏览器也没差。 我前端用的 ES6 + React,JSX 要编译一次,ES6 又要编译一次。Safari 调试的时候能找到原始的 JSX,Firefox 要么 loading source error 要么找到了编译后的。Chrome 不知道。 说下个人认为的 Chrome 的缺点:费电、吃内存、发热。也许大家都是台式机开发,这些缺点就不那么重要。我个人喜欢抱着笔记本在公司四处换地儿,这时候 Safari 就很流畅、省电不发热。 另外也请 Firefox 用户来参与讨论啊。 谢谢大家推荐的 REST 客户端啊。 |
65
realpg 2015-08-06 00:25:03 +08:00
@Ahri
想改变别人,先改变自己。 你的附言: 大家都说用 Chrome,我也知道周围人都在用 Chrome,希望具体说一下原因。比如 Chrome 的哪些功能用来调试前端十分好用,而这些功能又是别的浏览器没有的。 然后大家给你提出自认为的Chrome的优势,你一一有针对性的用safari驳回去 我完全看不出你这除了引起果粉和G粉的口水外的其他用处 以我的简单的思维只从你64楼的回帖看出来你根本不是想知道Chrome哪里好,你只是想说你大Safari并不差…… |
66
Ahri OP @realpg 然而并不是,大家说的 Chrome 的优点我都接受,并且一一去尝试了,这样才能知道哪些是 Safari 也有的,哪些是 Safari 缺乏的,你却只看得见我话里面那些让你不高兴的事实。
站队是很幼稚的行为,公司给大家配的 MBP,然而并不是所有人都去用 Safari,因为在工作产出赚取利润前面,信仰不值一提。 咱们这儿讨论技术,讨论如何增加 productivity,希望不要扯到XX粉。 |
67
zhea55 2015-08-06 11:09:04 +08:00
@Ahri 我想楼主并没有玩插件这样一个东西,chrome有许多好用的前端插件。
比如有一个插件名字叫做 SnappySnippet 比如我现在要模仿支付宝做一个页面,我用这个插件只需要点一下按钮,html、css、全部搞定了 楼主呢,需要多长时间呢?是不是需要开发一天呢? 这就是效率。不用再争论了 |
69
unknownservice 2015-08-06 11:29:06 +08:00
以前用firefox,无奈实在是太慢,换了chrome一身轻松。
|
70
jerray 2015-08-06 12:05:35 +08:00
主力还是Chrome,毕竟各种调试太方便。
如果有移动web开发需要的话,还推荐入个Ghostlab,可以在电脑上调试手机里任何浏览器打开的页面。 |
71
Fannie 2015-08-06 14:15:57 +08:00
谷歌Chrome浏览器是最好的对于Web开发人员, 因为这个浏览器自带的内置开发工具,以及它的速度比Firefox快。了解更多有关开发者工具 https://developer.chrome.com/devtools
|