Firefox 36的新增功能:Android调试,HTTP / 2支持等!

Another six weeks after the release of Firefox 35, users can get their hands on the new 36 update, promising some new additions and fixes. You can upgrade to Firefox 36 by either waiting for the auto-update, either by choosing About Firefox from the menu or downloading the new installer manually from Firefox.com.

Firefox 35发布后又过了六周,用户可以使用新的36更新,并承诺会进行一些新的添加和修复。 您可以通过等待自动更新来升级到Firefox 36,方法是从菜单中选择“ 关于Firefox” ,或者从Firefox.com手动下载新的安装程序。

I tried the new changes and tweaks for end-users and developers myself, noticing some quite interesting changes here and there aimed mostly at developers. Let’s check it out:

我自己尝试了针对最终用户和开发人员的新更改和调整,注意到到处都有一些非常有趣的更改,这些更改主要针对开发人员。 让我们来看看:

新选项屏幕 (New Options screen)

Although mostly an end-user feature, the new Options screen is now available for Firefox 36 users, offering a much sleeker and tidier experience. If you have Firefox Developer Edition installed, you already might be familiar with it.

尽管主要是最终用户功能,但新的“选项”屏幕现在可供Firefox 36用户使用,从而提供了更加时尚和简洁的体验。 如果您已安装Firefox Developer Edition ,则可能已经熟悉。

使用WebIDE调试Firefox for Android (Debugging Firefox for Android with WebIDE)

For some time, Firefox Developer Tools offered to connect to Firefox for Android, so that you can debug your mobile website. Until now, this was a complex process that required a bit of trial and error. However, with Firefox 36 you don’t have to deal with the Android Debug Bridge tool anymore. Instead you can connect via WebIDE, which takes care of ADB behind the scenes.

一段时间以来,Firefox开发人员工具提供了连接到Android版Firefox的功能,因此您可以调试移动网站。 到目前为止,这是一个复杂的过程,需要反复试验。 但是,使用Firefox 36,您不必再使用Android Debug Bridge工具。 相反,您可以通过WebIDE进行连接,WebIDE在后台负责ADB。

For this to work, you’ll need to be running at least Firefox 36 on the desktop and Firefox 35 on the mobile device.

为此,您至少需要在台式机上运行Firefox 36,在移动设备上至少运行Firefox 35。

For more instructions, check out the documentation on Mozilla Developer Network.

有关更多说明,请查看Mozilla Developer Network上文档

反转呼叫树 (Inverting the Call Tree)

New in Firefox 36 is also a nifty little addition that might save you quite some time: the option to invert the call tree.

Firefox 36的新增功能也很漂亮,可以为您节省一些时间:反转调用树的选项。

Out of the box, the profiler displays the call tree from root to the leaves, like most call stacks. Basically from each top-level function to the functions it calls, then to the functions they call, and so on:

与大多数调用堆栈一样,分析器开箱即用地显示从根到叶子的调用树。 基本上,从每个顶级函数到其调用的函数,再到它们调用的函数,依此类推:

4 doSomething() 2 > logTheValue() 1 > getTheValue() 1 logTheValue()

4 doSomething() 2 > logTheValue() 1 > getTheValue() 1 logTheValue()

Often, this is the logical thing to do, seeing that it’s the temporal order in which the stack is built up. But considering that in a lot of cases developers spend time deep in the call tree, it’s not an effective solution to click so often through many higher-level functions with a low “Self Cost“.

通常,这是合乎逻辑的事情,因为这是构建堆栈的时间顺序。 但是考虑到在很多情况下,开发人员将时间花在调用树的深处,所以频繁地单击具有较低“ 自耗 ”的许多高级功能并不是一种有效的解决方案。

With the new 36 update, Firefox offers a new checkbox in the profiler called “Invert Call Tree“. It allows the profiler to:

随着新的36更新,Firefox在分析器中提供了一个新复选框,称为“ 反向调用树 ”。 它允许探查器执行以下操作:

  • Make a list of all functions with a Self Cost greater than zero: that is, functions which were actually executing when the sample was taken

    列出“自我成本”大于零的所有函数:即,在获取样本时实际执行的函数
  • Order the list by the number of samples taken while in that function

    按该函数中获取的样本数对列表进行排序
  • For each entry in the list, show the call stack backwards to the top-level function.

    对于列表中的每个条目,将调用堆栈向后显示到顶层函数。

This is usually a more effective way to highlight where your code is spending its time.

通常,这是一种更有效的方式来突出显示代码在哪里花费时间。

调试评估源 (Debug Eval Sources)

With the last update you could also debug JavaScript code that is evaluated dynamically, either as a string passed to eval() or as a string passed to the Function Constructor.

在最后一次更新中,您还可以调试动态评估JavaScript代码,既可以作为传递给eval()的字符串,也可以作为传递给Function Constructor的字符串。

Once the string has been evaluated it will appear in the Debugger as a separate source, and will be fully debuggable like any other source.

评估完字符串后,它将在调试器中显示为单独的源,并且像其他任何源一样可以完全调试。

Further documentation is available on Mozilla Developer Network

可在Mozilla开发人员网络上获得更多文档

检查器:“标记”视图中有更多粘贴选项 (Inspector: More paste options in Markup view)

Using a popup menu you can perform specific tasks on a specific node. With Firefox 36 various new paste options have been added:

使用弹出菜单,您可以在特定节点上执行特定任务。 使用Firefox 36,添加了各种新的粘贴选项:

  • Paste Inner HTML

    粘贴内部HTML
  • Paste Outer HTML

    粘贴外部HTML
  • Paste/Before

    粘贴/之前
  • Paste/After

    粘贴/之后
  • Paste/As First Child

    粘贴/作为第一个孩子
  • Paste/As Last Child

    粘贴/作为最后一个孩子

添加了HTTP / 2支持 (HTTP/2 support added)

HTTP/2, based on SPDY, was recently finalized, and promises faster browsing once browser makers integrate it properly. Here’s a bit more about that process.

基于SPDY的HTTP / 2已于最近完成,并承诺一旦浏览器制造商正确集成它,浏览速度就会更快。 以下是有关该过程的更多信息

RC4密码不再被接受 (RC4 ciphers no longer accepted)

RC4 is now considered insecure and all UI indicators will react as such. SSLv3 has been disabled by default in Firefox 34, but the UI has been changed to help the user better understand what’s happening. Also, RC4 is no longer offered in the initial handshake of TLS.

RC4现在被认为是不安全的,所有UI指示器都将做出相应React。 在Firefox 34中,默认情况下已禁用SSLv3,但已更改UI,以帮助用户更好地了解正在发生的事情。 此外,在TLS的初始握手中不再提供RC4。

附加兼容性 (Add-on Compatibility)

There are various new changes in Firefox 36 that might affect Add-on compatibility. Have a look at the changes in the Mozilla Add-ons blog to find out if you need to adapt.

Firefox 36中有许多新变化,可能会影响附加组件的兼容性。 在Mozilla附加组件博客中查看更改,以了解是否需要调整。

Among them, there are two changes in the JavaScript code modules:

其中,JavaScript代码模块有两个更改:

  • PromiseUtils.resolveOrTimeout is implemented

    PromiseUtils.resolveOrTimeout已实现

  • PromiseUtils.defer (a replacement for Promise.defer) is implemented

    PromiseUtils.defer ( Promise.defer的替代 )已实现

其他更改/修复: (Other changes/fixes:)

  • Unexpected logout from Facebook or Google after restart fixed

    重启后意外从Facebook或Google注销
  • CSS gradients work on premultiplied colors now

    CSS渐变现在适用于预乘颜色
  • Improved new ES6 generators for better performance

    改进了新的ES6生成器以提高性能

  • Support for the ECMAScript 6 Symbol data type added

    添加了对ECMAScript 6 Symbol数据类型的支持
  • unicoderange CSS descriptor implemented

    unicoderange CSS描述符已实现
  • objectfit and object-position implemented

    实现了对象拟合和对象位置
  • isolation CSS property implemented

    隔离CSS属性已实现
  • Network: Support for SPDY/3 has been removed in 36, although support for SPDY/3.1 is still available.

    网络:尽管仍然支持SPDY / 3.1,但已经在36中删除了对SPDY / 3的支持。
  • locale added: Uzbek (uz)

    添加的语言环境:乌兹别克语(uz)

Check out also the documentation of the changes in Firefox 36 on Mozilla Developer Network.

另请参阅Mozilla开发人员网络上Firefox 36中所做更改的文档。

Firefox 36 (Firefox 36)

As you can see, version 36 is not a major release, however it offers various nifty changes for developers. With Mozilla teaming up with Yahoo as the default search engine for Firefox, we’ll see some interesting changes in the browser wars. Although Firefox has lost market share in the last months, it could make a comeback.

如您所见,版本36不是主要发行版,但是它为开发人员提供了各种漂亮的更改。 Mozilla与Yahoo联手成为Firefox的默认搜索引擎,我们将在浏览器大战中看到一些有趣的变化。 尽管Firefox在最近几个月中失去了市场份额,但它可能会卷土重来。

What are your expectations for Firefox from here on in? What’s the best feature in the new version?

从现在开始您对Firefox有什么期望? 新版本中最好的功能是什么?

翻译自: https://www.sitepoint.com/whats-new-firefox-36-android-debugging-http2-support/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值