请问开发者尤其是前端开发者用什么浏览器最好？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3385 天前的主题，其中的信息可能已经有所发展或是发生改变。

新手刚去某科技公司实习，做的后端 REST 服务和前端 React+Flux。

以前一直用 Safari 感觉特别流畅，开发者工具也挺好用（也可能是我不懂，我也就用用 inspect element，然后设断点 debug javascript）。但是公司的同事几乎全部都用 Chrome。

问下各位有经验的老司机，大家觉得哪个浏览器调试前端特别好用？我用 Safari 就是非主流吗？

顺便大家有好用的 REST 客户端吗。

第 1 条附言 · 2015-08-05 08:11:56 +08:00

大家都说用 Chrome，我也知道周围人都在用 Chrome，希望具体说一下原因。比如 Chrome 的哪些功能用来调试前端十分好用，而这些功能又是别的浏览器没有的。

还有这个问题不是“哪个浏览器最好用”。

前端

挺好

开发

71 条回复 • 2015-08-06 14:15:57 +08:00

243205964

2015-08-05 03:46:39 +08:00

chrome：toggle device mode很好用

junjun

2015-08-05 05:22:12 +08:00

qq浏览器

yanguango

2015-08-05 05:26:32 +08:00

chrome + postman

way2explore2

2015-08-05 06:09:25 +08:00

当然ie6

way2explore2

2015-08-05 06:09:53 +08:00

其实我用firefox

shensi

2015-08-05 06:29:47 +08:00 via Android

最好是主力chrome因为开发者工具很方便调试，前端使用它的人也多，方便交流。配合ff，safari和IE等方便亲自查看兼容效果。

Mark24

2015-08-05 06:44:51 +08:00 via Android

Firefox

guoqiao

2015-08-05 06:56:09 +08:00

Chrome + 1

KexyBiscuit

2015-08-05 06:56:21 +08:00 via Android

Microsoft Edge & Chrome

582033

2015-08-05 06:58:08 +08:00 via Android

楼主说的那些chrome都有，而且不是每个人都是从osx过来的。
像我们这种从win过来或者依旧在用win的开发者，大部分还是比较喜欢chrome或者ff。
ps：受不了ff那奇丑的UI...没用过

anubiskong

2015-08-05 07:36:29 +08:00

chrome毋庸置疑. 其他浏览器只是为了调兼容才用.

lingo233

2015-08-05 07:39:12 +08:00

用IE因为你要兼容他23333

mytsing520

2015-08-05 07:40:44 +08:00

Chrome

yangkeao

2015-08-05 07:43:04 +08:00

chrome

df4VW

2015-08-05 07:49:27 +08:00

safari可不是非主流么。。chrome 或者 firefox 才是正道

demoslam

2015-08-05 08:19:44 +08:00

IE，不正面刚IE就不算一个好前端

del1214

2015-08-05 08:23:58 +08:00

如果是移动端，那就是safari和qq浏览器

NemoAlex

2015-08-05 08:26:00 +08:00

Safari 确实是非主流。
主要原因是它的 Developer Tool 的界面设计经过几次大改。从最初的和 Chrome 差不多，到目前这样，中间有几次改动太大以至于一更新打卡完全摸不到头脑，怎么看 Dom Tree 都找不到了。
至于功能上，目前的 Chrome 有模拟移动设备的功能，算是一个杀手级应用。
当然 Safari 也有一些值得借鉴的地方，例如对于 CSS 属性的显示，这种方式很方便复制代码。这个设计我是非常认同的。

moe3000

2015-08-05 08:27:06 +08:00

IE！战胜IE才是一切→_→
调试的话firefox，chrome皆可

hooluupog

2015-08-05 08:54:18 +08:00

搞开发绝对是chrome首选。不论是对新标准的支持，跨平台还是跨设备的支持，以及各种开发者使用的扩展。实际上从各种开发者技术演示的会议上也能看出基本都是chrome。

visonme

2015-08-05 08:56:18 +08:00

Chrome和火狐，如果想增强调试功能就用第三方工具，rest客户端一般都用chrome的一个rest插件或者用curl（挺好用的）

em70

2015-08-05 09:09:42 +08:00

前端应该所有浏览器都安装,chrome或者火狐作为主力,因为这2个浏览器对标准支持最好

kilasuelika

2015-08-05 09:14:05 +08:00

感觉chrome内存泄露太严重了，开个浏览器就可以用到两三个g的内存，所以改火狐了。

MuskWang

2015-08-05 09:15:45 +08:00

Chrome和Firefox配合着用。

yhxx

2015-08-05 09:19:00 +08:00

前端表示所有常用浏览器都要用。。。
常用chrome，有时候用一下firefox
chrome的开发者工具很好用，firebug也不错，不过就是用着不舒服

learnshare

2015-08-05 09:51:05 +08:00

Chrome 更新快，新技术支持的更早，更全面；
调试工具更好用；
Chrome 最能代表现代浏览器的先进生产力。

duanhr

2015-08-05 09:56:08 +08:00

@way2explore2 这。。XP都停用了。。win7最低支持的就是IE8。。IE6是什么鬼。。

evolighting

2015-08-05 10:08:12 +08:00

前端？请务必使用三大内核都调试一遍；

不然你就是不负责

realpg

2015-08-05 10:15:12 +08:00

自从有了chrome，我的很多项目就是chrome开发 chrome调试只支持chrome，如果你的其他浏览器也能看我的网站那说明你的兼容型强

我现在连写html代码/css都用chrome修改过的F12了
真所见即所得啊……

bin456789

2015-08-05 10:27:47 +08:00 via Android

windows环境，360极速浏览器~(不许笑)
理由是webkit模式、ie edge模式、ie 兼容模式随时切换
webkit下调试工具也跟chrome一样

way2explore2

2015-08-05 10:28:59 +08:00 via Android

@duanhr saveie6.com

abscon

2015-08-05 10:39:21 +08:00

@582033 当我们说一个浏览器的界面丑的时候，我们是在谈论什么？

抱歉我用了一个知乎体。其实是有点好奇，浏览器的界面可以做到顶上一行（地址栏/搜索框）而已，能丑到哪里去？开了全屏后干脆就看不到UI了。

大部分时间我们都是在看网页而已，很少的时间才需要点菜单。至于底部的开发者模式，无非都是那些东西，我也不觉得哪里丑了。再说，火狐的UI也是可以自己订制的。

用美丑来决定对工具的使用，我总觉得是终端用户而不是开发者才有的特权。我一个同事就很喜欢用360安全浏览器，她*唯一*的理由就是“这个浏览器很漂亮”

@realpg 所以 chrome 就是另一些人的“IE”咯

XerWandeRer

2015-08-05 10:43:26 +08:00

Paw. The ultimate REST client for Mac.

jtam

2015-08-05 10:52:38 +08:00

@NemoAlex "目前的 Chrome 有模拟移动设备的功能，算是一个杀手级应用。 "
Safari也有

NemoAlex

2015-08-05 13:16:40 +08:00

@jtam 哪有啊？求教

jeromeli

2015-08-05 13:19:24 +08:00

除了chrome还有最好这么一说？？？

jeromeli

2015-08-05 13:20:04 +08:00

@NemoAlex F12
最左边有个手机样的东东点一下看看有什么变化

jtam

2015-08-05 13:26:34 +08:00

@NemoAlex Safari->Preferences->Advanced->Show develop menu in menu bar
Enjoy

NemoAlex

2015-08-05 13:55:48 +08:00

@jeromeli 你确定你说的是 Safari？

@jtam 然后呢？模拟移动设备的功能在哪？

jtam

2015-08-05 13:56:58 +08:00

@NemoAlex Develop->User Agent

aivier

2015-08-05 14:13:12 +08:00

Chrome，并没有什么优势功能，但是都比Firefox和IE以及不稳定的EDGE完善方便

582033

2015-08-05 14:22:17 +08:00

@abscon

我个人喜欢的是chrome那简约的设计，对比下chrome跟FF，

chrome把一切可以精简的地方都用来显示页面内容了（单独的菜单栏书签栏状态栏等等）；
最早把搜索栏跟地址栏合并到一起的也是chrome；ff的菜单，就展示在上面的按钮来说，有多少个是平时用不到的？

现在所有浏览器都可以看到chrome的影子，不管是从内核还是从UI上，当然也包括FF。

插件跟调试工具之类的，两者确实相差不大。

PS：没有把话题升级为浏览器大战的想法，不要介意。

zhea55

2015-08-05 14:31:15 +08:00

不用chrome开发不能算前端，真的

新版chrome的调试工具，javascript下断点的时候，变量运行的值，直接写出来了。

其他调试工具，还需要用鼠标指到变量上面一个一个的看。效率低的不行。

chrome的调试工具比其他所有都强，比很多ide都复杂。

它支持很多sublime的快捷键，ctrl p，所有文件搜索。

slayerdoomsday

2015-08-05 14:33:34 +08:00

@jtam 这只是模拟手机的user agent吧，跟chrome的手机调试模式没有可比性

Sarielwind

2015-08-05 14:36:04 +08:00

问题是我找不到不用chrome的理由

myhu

2015-08-05 14:37:43 +08:00 via Android

个人风格根据自己选择，测试的话四个主流游览器测试一下就好了

zhea55

2015-08-05 14:39:09 +08:00

新版chrome 查看dom结构的时候，可以看到那些元素被动态的修改了。

至少领先其他工具几年。

jeromeli

2015-08-05 14:48:18 +08:00

@NemoAlex 我说的是chrome

AnyOfYou

2015-08-05 15:14:49 +08:00

Safari 在 Mac 下的确顺滑，但是其对于 Web 上一些新特性并不很好。
http://nolanlawson.com/2015/06/30/safari-is-the-new-ie/

chairuosen

2015-08-05 15:17:17 +08:00

我感觉safari 调试工具的摆放逻辑性不强，也就是摆的比较乱。

djyde

2015-08-05 15:36:57 +08:00

kaneg

2015-08-05 15:40:19 +08:00 via iPhone

Firefox上的firebug这等前端神器怎么能错过

jadecoder

2015-08-05 15:40:36 +08:00

REST客户端：postman

abscon

2015-08-05 17:35:46 +08:00

@582033

现在所有浏览器都可以看到chrome的影子，不管是从内核还是从UI上，当然也包括FF。
------------------------------------------
火狐的内核和 Chrome 还是不同的。UI的话，可以不显示菜单栏，做到和 Chrome 一样简洁还是不难的。

你说的其实是“这个浏览器同质化的时代看脸是很重要的”；
我说的其实是“这不是一个浏览器同质化的时代”。其他回复也提到了 Chrome 功能方面的一些过人之处——先不说那些过人之处是否正确，但是这个评判方法是正确的——从功能而不是从 UI 来评价、取舍。

LancerComet

2015-08-05 17:39:37 +08:00

Chrome，IE 以及基于 Chrome 的国产浏览器都用。
API 测试使用的是 Webstorm 自带的功能。

kanezeng

2015-08-05 18:29:16 +08:00

Chrome吧，Chrome可以链接Android的机器，然后用电脑打开安卓上的浏览器调试页面，真机调试移动设备浏览器啊，不是模拟器。其它浏览器好像不行。

Roope

2015-08-05 19:17:55 +08:00

啊噗。都在推Chrome 我个人比较喜欢Firefox的。

NemoAlex

2015-08-05 19:48:03 +08:00

@jtam 别开玩笑了

junzki

2015-08-05 20:38:40 +08:00

开发用Chrome，调试的时候可能会用IE11

des

2015-08-05 20:53:24 +08:00 via Android

后排问一下火狐怎么下事件断点

ljcarsenal

2015-08-05 20:57:35 +08:00

在要兼容就标准尤其是ie6的时候就会发现一大堆css特性会有问题真特么烦

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；）

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基本没用过帐户，用过帐户也不记得有啥用了。
其他的，欢迎讨论补充。。。

Ahri

2015-08-06 00:18:47 +08:00

谢谢大家的讨论。看完我发现受益匪浅。不同的开发者，有时候需求也是不同的。

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 客户端啊。

realpg

2015-08-06 00:25:03 +08:00

@Ahri
想改变别人，先改变自己。

你的附言：
大家都说用 Chrome，我也知道周围人都在用 Chrome，希望具体说一下原因。比如 Chrome 的哪些功能用来调试前端十分好用，而这些功能又是别的浏览器没有的。

然后大家给你提出自认为的Chrome的优势，你一一有针对性的用safari驳回去
我完全看不出你这除了引起果粉和G粉的口水外的其他用处

以我的简单的思维只从你64楼的回帖看出来你根本不是想知道Chrome哪里好，你只是想说你大Safari并不差……

Ahri

2015-08-06 00:58:00 +08:00

@realpg 然而并不是，大家说的 Chrome 的优点我都接受，并且一一去尝试了，这样才能知道哪些是 Safari 也有的，哪些是 Safari 缺乏的，你却只看得见我话里面那些让你不高兴的事实。

站队是很幼稚的行为，公司给大家配的 MBP，然而并不是所有人都去用 Safari，因为在工作产出赚取利润前面，信仰不值一提。

咱们这儿讨论技术，讨论如何增加 productivity，希望不要扯到XX粉。

zhea55

2015-08-06 11:09:04 +08:00

@Ahri 我想楼主并没有玩插件这样一个东西，chrome有许多好用的前端插件。

比如有一个插件名字叫做 SnappySnippet

比如我现在要模仿支付宝做一个页面，我用这个插件只需要点一下按钮，html、css、全部搞定了

楼主呢，需要多长时间呢？是不是需要开发一天呢？这就是效率。不用再争论了

Ahri

2015-08-06 11:27:35 +08:00

@zhea55

啊嘿呦
啊呦咻
放眼望去一片白金的世界
向前踏出一步吧
随着永不停息的
这心中的悸动一起来跳舞吧

unknownservice

2015-08-06 11:29:06 +08:00

以前用firefox，无奈实在是太慢，换了chrome一身轻松。

jerray

2015-08-06 12:05:35 +08:00

主力还是Chrome，毕竟各种调试太方便。
如果有移动web开发需要的话，还推荐入个Ghostlab，可以在电脑上调试手机里任何浏览器打开的页面。

Fannie

2015-08-06 14:15:57 +08:00

谷歌Chrome浏览器是最好的对于Web开发人员, 因为这个浏览器自带的内置开发工具，以及它的速度比Firefox快。了解更多有关开发者工具 https://developer.chrome.com/devtools