请问开发者尤其是前端开发者用什么浏览器最好? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
Ahri
V2EX    程序员

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

  •  
  •   Ahri 2015-08-05 03:41:14 +08:00 15335 次点击
    这是一个创建于 3720 天前的主题,其中的信息可能已经有所发展或是发生改变。

    新手刚去某科技公司实习,做的后端 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
        1
    243205964  
       2015-08-05 03:46:39 +08:00
    chrome:toggle device mode很好用
    junjun
        2
    junjun  
       2015-08-05 05:22:12 +08:00
    qq浏览器
    yanguango
        3
    yanguango  
       2015-08-05 05:26:32 +08:00   1
    chrome + postman
    way2explore2
        4
    way2explore2  
       2015-08-05 06:09:25 +08:00
    当然ie6
    way2explore2
        5
    way2explore2  
       2015-08-05 06:09:53 +08:00
    其实我用firefox
    shensi
        6
    shensi  
       2015-08-05 06:29:47 +08:00 via Android
    最好是主力chrome因为开发者工具很方便调试,前端使用它的人也多,方便交流。配合ff,safari和IE等方便亲自查看兼容效果。
    Mark24
        7
    Mark24  
       2015-08-05 06:44:51 +08:00 via Android
    Firefox
    guoqiao
        8
    guoqiao  
       2015-08-05 06:56:09 +08:00
    Chrome + 1
    KexyBiscuit
        9
    KexyBiscuit  
       2015-08-05 06:56:21 +08:00 via Android
    Microsoft Edge & Chrome
    582033
        10
    582033  
       2015-08-05 06:58:08 +08:00 via Android
    楼主说的那些chrome都有,而且不是每个人都是从osx过来的。
    像我们这种从win过来或者依旧在用win的开发者,大部分还是比较喜欢chrome或者ff。
    ps:受不了ff那奇丑的UI...没用过
    anubiskong
        11
    anubiskong  
       2015-08-05 07:36:29 +08:00
    chrome毋庸置疑. 其他浏览器只是为了调兼容才用.
    lingo233
        12
    lingo233  
       2015-08-05 07:39:12 +08:00
    用IE因为你要兼容他23333
    mytsing520
        13
    mytsing520  
    PRO
       2015-08-05 07:40:44 +08:00
    Chrome
    yangkeao
        14
    yangkeao  
       2015-08-05 07:43:04 +08:00
    chrome
    df4VW
        15
    df4VW  
       2015-08-05 07:49:27 +08:00
    safari可不是非主流么。。chrome 或者 firefox 才是正道
    demoslam
        16
    demoslam  
       2015-08-05 08:19:44 +08:00
    IE,不正面刚IE就不算一个好前端
    del1214
        17
    del1214  
       2015-08-05 08:23:58 +08:00
    如果是移动端,那就是safari和qq浏览器
    NemoAlex
        18
    NemoAlex  
       2015-08-05 08:26:00 +08:00
    Safari 确实是非主流。
    主要原因是它的 Developer Tool 的界面设计经过几次大改。从最初的和 Chrome 差不多,到目前这样,中间有几次改动太大以至于一更新打卡完全摸不到头脑,怎么看 Dom Tree 都找不到了。
    至于功能上,目前的 Chrome 有模拟移动设备的功能,算是一个杀手级应用。
    当然 Safari 也有一些值得借鉴的地方,例如对于 CSS 属性的显示,这种方式很方便复制代码。这个设计我是非常认同的。
    moe3000
        19
    moe3000  
       2015-08-05 08:27:06 +08:00
    IE!战胜IE才是一切→_→
    调试的话firefox,chrome皆可
    hooluupog
        20
    hooluupog  
       2015-08-05 08:54:18 +08:00
    搞开发绝对是chrome首选。不论是对新标准的支持,跨平台还是跨设备的支持,以及各种开发者使用的扩展。实际上从各种开发者技术演示的会议上也能看出基本都是chrome。
    visonme
        21
    visonme  
       2015-08-05 08:56:18 +08:00
    Chrome和火狐,如果想增强调试功能就用第三方工具,rest客户端一般都用chrome的一个rest插件或者用curl(挺好用的)
    em70
        22
    em70  
       2015-08-05 09:09:42 +08:00
    前端应该所有浏览器都安装,chrome或者火狐作为主力,因为这2个浏览器对标准支持最好
    kilasuelika
        23
    kilasuelika  
       2015-08-05 09:14:05 +08:00
    感觉chrome内存泄露太严重了,开个浏览器就可以用到两三个g的内存,所以改火狐了。
    MuskWang
        24
    MuskWang  
       2015-08-05 09:15:45 +08:00
    Chrome和Firefox配合着用。
    yhxx
        25
    yhxx  
       2015-08-05 09:19:00 +08:00
    前端表示所有常用浏览器都要用。。。
    常用chrome,有时候用一下firefox
    chrome的开发者工具很好用,firebug也不错,不过就是用着不舒服
    learnshare
        26
    learnshare  
       2015-08-05 09:51:05 +08:00
    Chrome 更新快,新技术支持的更早,更全面;
    调试工具更好用;
    Chrome 最能代表现代浏览器的先进生产力。
    duanhr
        27
    duanhr  
       2015-08-05 09:56:08 +08:00
    @way2explore2 这。。XP都停用了。。win7最低支持的就是IE8。。IE6是什么鬼。。
    evolighting
        28
    evolighting  
       2015-08-05 10:08:12 +08:00
    前端?请务必使用三大内核都调试一遍;

    不然你就是不负责
    realpg
        29
    realpg  
    PRO
       2015-08-05 10:15:12 +08:00
    自从有了chrome,我的很多项目就是chrome开发 chrome调试 只支持chrome,如果你的其他浏览器也能看我的网站那说明你的兼容型强

    我现在连写html代码/css都用chrome修改过的F12了
    真所见即所得啊……
    bin456789
        30
    bin456789  
       2015-08-05 10:27:47 +08:00 via Android
    windows环境,360极速浏览器~(不许笑)
    理由是webkit模式、ie edge模式、ie 兼容模式随时切换
    webkit下调试工具也跟chrome一样
    way2explore2
        31
    way2explore2  
       2015-08-05 10:28:59 +08:00 via Android
    abscon
        32
    abscon  
       2015-08-05 10:39:21 +08:00
    @582033 当我们说一个浏览器的界面丑的时候,我们是在谈论什么?

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

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

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

    @realpg 所以 chrome 就是另一些人的“IE”咯
    XerWandeRer
        33
    XerWandeRer  
       2015-08-05 10:43:26 +08:00
    Paw. The ultimate REST client for Mac.
    jtam
        34
    jtam  
       2015-08-05 10:52:38 +08:00
    @NemoAlex "目前的 Chrome 有模拟移动设备的功能,算是一个杀手级应用。 "
    Safari也有
    NemoAlex
        35
    NemoAlex  
       2015-08-05 13:16:40 +08:00
    @jtam 哪有啊?求教
    jeromeli
        36
    jeromeli  
       2015-08-05 13:19:24 +08:00
    除了chrome还有最好这么一说???
    jeromeli
        37
    jeromeli  
       2015-08-05 13:20:04 +08:00
    @NemoAlex F12
    最左边有个手机样的东东 点一下看看有什么变化
    jtam
        38
    jtam  
       2015-08-05 13:26:34 +08:00
    @NemoAlex Safari->Preferences->Advanced->Show develop menu in menu bar
    Enjoy
    NemoAlex
        39
    NemoAlex  
       2015-08-05 13:55:48 +08:00
    @jeromeli 你确定你说的是 Safari?

    @jtam 然后呢?模拟移动设备的功能在哪?
    jtam
        40
    jtam  
       2015-08-05 13:56:58 +08:00
    @NemoAlex Develop->User Agent
    aivier
        41
    aivier  
       2015-08-05 14:13:12 +08:00
    Chrome,并没有什么优势功能,但是都比Firefox和IE以及不稳定的EDGE完善方便
    582033
        42
    582033  
       2015-08-05 14:22:17 +08:00
    @abscon

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

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

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

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

    PS:没有把话题升级为浏览器大战的想法,不要介意。
    zhea55
        43
    zhea55  
       2015-08-05 14:31:15 +08:00   1
    不用chrome开发 不能算前端,真的


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

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



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

    它支持很多sublime的快捷键,ctrl p,所有文件搜索。
    slayerdoomsday
        44
    slayerdoomsday  
       2015-08-05 14:33:34 +08:00
    @jtam 这只是模拟手机的user agent吧,跟chrome的手机调试模式没有可比性
    Sarielwind
        45
    Sarielwind  
       2015-08-05 14:36:04 +08:00
    问题是 我找不到不用chrome的理由
    myhu
        46
    myhu  
       2015-08-05 14:37:43 +08:00 via Android
    个人风格根据自己选择,测试的话四个主流游览器测试一下就好了
    zhea55
        47
    zhea55  
       2015-08-05 14:39:09 +08:00
    新版chrome 查看dom结构的时候,可以看到那些元素被动态的修改了。

    至少领先其他工具几年。
    jeromeli
        48
    jeromeli  
       2015-08-05 14:48:18 +08:00
    @NemoAlex 我说的是chrome
    AnyOfYou
        49
    AnyOfYou  
       2015-08-05 15:14:49 +08:00
    Safari 在 Mac 下的确顺滑,但是其对于 Web 上一些新特性并不很好。
    http://nolanlawson.com/2015/06/30/safari-is-the-new-ie/
    chairuosen
        50
    chairuosen  
       2015-08-05 15:17:17 +08:00
    我感觉safari 调试工具的摆放逻辑性不强,也就是摆的比较乱。
    djyde
        51
    djyde  
       2015-08-05 15:36:57 +08:00
    kaneg
        52
    kaneg  
       2015-08-05 15:40:19 +08:00 via iPhone
    Firefox上的firebug这等前端神器怎么能错过
    jadecoder
        53
    jadecoder  
       2015-08-05 15:40:36 +08:00
    REST客户端:postman
    abscon
        54
    abscon  
       2015-08-05 17:35:46 +08:00
    @582033

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

    你说的其实是“这个浏览器同质化的时代看脸是很重要的”;
    我说的其实是“这不是一个浏览器同质化的时代”。其他回复也提到了 Chrome 功能方面的一些过人之处先不说那些过人之处是否正确,但是这个评判方法是正确的从功能而不是从 UI 来评价、取舍。
    LancerComet
        55
    LancerComet  
       2015-08-05 17:39:37 +08:00
    Chrome,IE 以及基于 Chrome 的国产浏览器都用。
    API 测试使用的是 Webstorm 自带的功能。
    kanezeng
        56
    kanezeng  
       2015-08-05 18:29:16 +08:00
    Chrome吧,Chrome可以链接Android的机器,然后用电脑打开安卓上的浏览器调试页面,真机调试移动设备浏览器啊,不是模拟器。其它浏览器好像不行。
    Roope
        57
    Roope  
       2015-08-05 19:17:55 +08:00
    啊噗。 都在推Chrome 我个人比较喜欢Firefox的。
    NemoAlex
        58
    NemoAlex  
       2015-08-05 19:48:03 +08:00
    @jtam 别开玩笑了
    junzki
        59
    junzki  
       2015-08-05 20:38:40 +08:00
    开发用Chrome,调试的时候可能会用IE11
    des
        60
    des  
       2015-08-05 20:53:24 +08:00 via Android
    后排问一下火狐怎么下事件断点
    ljcarsenal
        61
    ljcarsenal  
       2015-08-05 20:57:35 +08:00
    在要兼容就标准 尤其是ie6的时候 就会发现一大堆css特性会有问题 真特么烦
    an168bang521
        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;)
    twtiyb
        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基本没用过帐户,用过帐户也不记得有啥用了。
    其他的,欢迎讨论补充。。。
    Ahri
        64
    Ahri  
    OP
       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
        65
    realpg  
    PRO
       2015-08-06 00:25:03 +08:00
    @Ahri
    想改变别人,先改变自己。

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

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

    以我的简单的思维只从你64楼的回帖看出来你根本不是想知道Chrome哪里好,你只是想说你大Safari并不差……
    Ahri
        66
    Ahri  
    OP
       2015-08-06 00:58:00 +08:00
    @realpg 然而并不是,大家说的 Chrome 的优点我都接受,并且一一去尝试了,这样才能知道哪些是 Safari 也有的,哪些是 Safari 缺乏的,你却只看得见我话里面那些让你不高兴的事实。

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

    咱们这儿讨论技术,讨论如何增加 productivity,希望不要扯到XX粉。
    zhea55
        67
    zhea55  
       2015-08-06 11:09:04 +08:00
    @Ahri 我想楼主并没有玩插件这样一个东西,chrome有许多好用的前端插件。

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


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


    楼主呢,需要多长时间呢?是不是需要开发一天呢? 这就是效率。不用再争论了
    Ahri
        68
    Ahri  
    OP
       2015-08-06 11:27:35 +08:00
    @zhea55

    啊嘿呦
    啊呦咻
    放眼望去一片白金的世界
    向前踏出一步吧
    随着永不停息的
    这心中的悸动 一起来跳舞吧
    unknownservice
        69
    unknownservice  
       2015-08-06 11:29:06 +08:00
    以前用firefox,无奈实在是太慢,换了chrome一身轻松。
    jerray
        70
    jerray  
       2015-08-06 12:05:35 +08:00
    主力还是Chrome,毕竟各种调试太方便。
    如果有移动web开发需要的话,还推荐入个Ghostlab,可以在电脑上调试手机里任何浏览器打开的页面。
    Fannie
        71
    Fannie  
       2015-08-06 14:15:57 +08:00
    谷歌Chrome浏览器是最好的对于Web开发人员, 因为这个浏览器自带的内置开发工具,以及它的速度比Firefox快。了解更多有关开发者工具 https://developer.chrome.com/devtools
    关于     帮助文档   /span>   自助推广系统     博客     API     FAQ     Solana     5479 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 37ms UTC 08:33 PVG 16:33 LAX 01:33 JFK 04:33
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86