V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Ahri
V2EX  ›  程序员

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

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

    新手刚去某科技公司实习,做的后端 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  
       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  
       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  
       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
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2549 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 01:45 · PVG 09:45 · LAX 17:45 · JFK 20:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.