Firefox Quantum 57 for developers

O Firefox 57 recebeu o nome de lançamento Quantum, após o projeto de engenharia Firefox Quantum que tem como objetivo reconstruir o Firefox a partir do zero, trazendo consigo grande desempenho, estabilidade e melhorias visuais. This is the first version of Firefox to ship some of these improvements, so we wanted to mark the occasion.

Firefox's new parallel CSS engine — também conhecido como Quantum CSS ou Stylo ─ está habilitado por padrão no Firefox 57 para desktop, com versões móveis do Firefox para seguir mais tarde. Os desenvolvedores não devem notar nada significativamente diferente, além de toda uma série de melhorias de desempenho. Existem, no entanto, algumas pequenas diferenças funcionais no Stylo, implementado para corrigir o comportamento não padronizado do Gecko que deve ser eliminado. Nos reportaremos tais diferenças nas páginas de referência e nas notas de lançamento conforme apropriado (veja Quantum CSS notes).

Sem mudanças.

• Os types <input> date e time agora estão habilitados em todos builds. (bug 1399036)

• Os valores minimal-ui e standalone do media query display-mode agora são suportados (bug 1369815). Veja também o Web app manifest display field.
• As propriedades grid-row-gap (en-US) e grid-column-gap (en-US) não são mais redefinidas pelo grid de forma abreviada (bug 1387410).
• A preferência layout.css.clip-path-shapes.enabled foi removida (bug 1399767). Esta preferência permite desabilitar a <basic-shape> (en-US) suportado em clip-path (en-US). Este suporte foi enviado no Firefox 54 e não pode mais ser desativado.

Quantum CSS notes

Following bugs have been fixed in Quantum:

• Radial gradient values like radial-gradient(circle gold,red) will work in the old Gecko style system, even though they shouldn't because of the missing comma between circle and gold (bug 1383323).
• When you animate an offscreen element onscreen but specify a delay, Gecko does not repaint on some platforms, e.g. Windows (bug 1383239).
• In Gecko, <details> elements can't be made open by default using the open attribute if they have an animation active on them (bug 1382124).
• In Gecko, transitions will not work when transitioning from a text-shadow with a color specified to a text-shadow without a color specified (bug 726550).
• In Gecko, cancelling a filling animation (e.g. with animation-fill-mode: forwards set) can trigger a transition set on the same element, although only once (see bug 1192592 and these test cases for more information). In general declarative animations should not trigger transitions.
• Animations using em units are not affected by changes to the font-size on the animated element's parent in Gecko, whereas they should be (bug 1254424).
• Gecko also deals with font-size inheritance differently from Quantum CSS, meaning that for some language settings inherited font sizes end up being smaller than expected (see bug 1391341).
• Gecko reuses the same mechanism used when parsing a url-token when parsing the domain() or url-prefix() URL matching functions for a @-moz-document (en-US) rule. Quantum CSS does not use the same mechanism and it does not consider tokens invalid when they contain brackets or quotes (bug 1362333).
• In Gecko, when you set a system font as the value of a canvas 2D context's font (en-US) (e.g. menu), getting the font value fails to return the expected font (it returns nothing). This has been fixed in Quantum. (bug 1374885).
• In Gecko, when you create a detached subtree (e.g. a <div> created using createElement() that is not yet inserted into the DOM), the subtree's root element is set as a block-level element. In Quantum CSS this is set as inline, as per spec (bug 1374994).
• In Gecko, calc expressions are rejected — causing the value to be invalid — when used as the radius component of a radial-gradient (en-US) function (bug 1376019).
• In Gecko, calc(1*2*3) is not parsed successfully; Quantum CSS fixes this (bug 1379467).
• In Quantum CSS, calc() is supported everywhere that the spec explains it should be (bug 1350857). In Gecko it is not.
• Gecko has a bug whereby the ::before and ::after pseudo-elements are still generated even if the content property value is set to normal or none. As per spec, they shouldn't be (bug 1387931).
• Another Gecko bug means that the background-position property can't be transitioned between two values containing different numbers of <position> (en-US) values, for example background-position: 10px 10px; and background-position: 20px 20px, 30px 30px; (see bug 1390446).

Sem mudanças.

• O não-padronizado for each...in (E4X) loop foi removido. Por favor, use o for...of ao invés disso e veja Warning: JavaScript 1.6's for-each-in loops are deprecated para ajudar na migração. (bug 1083470).
• Os métodos Object.prototype.watch() e unwatch() estão descontinuados, agora lançará um alerta(warning) quando usado, e será removido em breve. (bug 934669).
• Os objetos não-padronizados Iterator e StopIteration assim como o protocolo de iteração legado foram removidos (bug 1098412).
• Async generator está agora ativado. (bug 1352312).
• A sintaxe for await (...of...) está agora ativado. (bug 1352312).

Novas APIs

• A PerformanceObserver (en-US) está habilitado por padrão(default). (bug 1386021).
• As interfaces AbortController (en-US) e AbortSignal (conhecidos como o Abort API) foram adicionados, permitindo requisições DOM (tal como fetch requests) ser abortado se desejar. (bug 1378342).
• [2] O Storage API (en-US) está implementado e habilitado por padrão(default). (bug 1399038).

DOM

• A propriedade Selection.type (en-US) do Selection API (en-US) está agora implementado (bug 1359157).
• Document.createEvent('FocusEvent') (en-US) está agora implementado (bug 1388069).
• A propriedade files da interface HTMLInputElement está agora definível (bug 1384030).
• O método HTMLDocument.getSelection() foi movido para a interface Document, por isso está disponível para documentos XML (bug 718711).
• O evento messageerror está agora implementado e pode ter código executado em resposta a disparar através de manipuladores de eventos implementados em destinos de mensagens ─ Veja MessagePort.onmessageerror (en-US), DedicatedWorkerGlobalScope.onmessageerror (en-US), Worker.onmessageerror (en-US), BroadcastChannel.onmessageerror (en-US), e Window.onmessageerror (bug 1359017).
• Quando os valores do Headers (en-US) são iterados, eles são automaticamente classificados em ordem lexicográfico e valores de nomes de cabeçalho duplicados são combinados (bug 1396848).

DOM events

Sem mudanças.

Media and WebRTC

• Suporte para mensagens de tamanho arbitrário (até 1GiB, apesar de 256kiB é mais interoperável) está agora suportados em RTCDataChannel através do uso da flag end-of-record (EOR) em messagens SCTP. Veja Understanding message size limits (en-US) in [Página ainda não foi escrita] (en-US) para mais informações (bug 979417).

  Nota: Porque o Firefox ainda não suporta o protocolo SCTP ndata que fornece a capacidade de intercalar mensagens SCTP de múltiplas fontes, o envio de objetos de dados grandes pode causar atrasos significativos em todos os outros tráfegos SCTP. Veja bug 1381145 para acompanhar o progresso na implementação e implementação do suporte a ndata no Firefox.

• O método RTCDataChannel.send() (en-US) pode agora lançar uma exceção TypeError se o tamanho da mensagem que você está tentando enviar não é compatível com o recebimento user agent (en-US) (Isto está implementado como parte do bug 979417).
• O MediaStream Recording API (en-US) foi atualizado, assim, os eventos de error (en-US) enviados para relatar problemas que ocorrem durante a gravação agora são do tipo MediaRecorderErrorEvent (en-US), em vez de serem eventos genéricos.
• Atualizado a documentação ao redor OfflineAudioContext desde o seu campos construtores pode agora se especificado ao invés de uma lista de parâmetros (bug 1388591).
• O Web Audio API agora suporta corretamente a saída multicanal (bug 1378070).

• URLs resources:// não mais vazar informações (bug 863246).
• Data URIs agora são tratados como origens opacas únicas, em vez de herdar a origem do objeto de configuração responsável pela navegação (bug 1324406).

Sem mudanças.

• Firefox headless mode agora incluídos uma flag -screenshot que permite você pegar screenshots de website diretamente da linha de comando (bug 1378010).

• <link rel=”preload”> (see Preloading content with rel="preload" (en-US)) foi desabilitado no Firefox 57 por causa de vários problemas de compatibilidade da web (por exemplo bug 1405761). Espera-se que uma versão melhorada que funcione para recursos não armazenáveis em cache chegue ao Firefox 58.

• Propriedade da Mozilla Social API foi completamente removido (bug 1388902).

Sem mudanças.

As seguintes APIs foram adicionadas ou estendidas:

• bookmarks
  • support for separators through bookmarks.BookmarkTreeNodeType (en-US)
• browser_action (en-US)
  • theme_icons property for light/dark theme icons
• browserAction
  • browserAction.openPopup() (en-US)
• browserSettings
  • allowPopupsForUserEvents (en-US)
  • homepageOverride (en-US)
  • imageAnimationBehavior (en-US)
  • newTabPageOverride (en-US)
• browsingData
  • browsingData.removeLocalStorage() (en-US)
• clipboard
  • setImageData() (en-US)
• contextualIdentities
  • onCreated (en-US)
  • onRemoved (en-US)
  • onUpdated (en-US)
  • colorCode and iconUrl in contextualIdentitities.ContextualIdentity (en-US)
• devtools.panels (en-US)
  • devtools.panels.ElementsPanel.createSidebarPane() (en-US)
• downloads (en-US)
  • incognito option in downloads.download() (en-US)
  • estimatedEndTime property in downloads.DownloadItem (en-US)
• find
  • find() (en-US)
  • highlightResults() (en-US)
  • removeHighlighting() (en-US)
• pageAction.openPopup() (en-US)
• privacy
  • websites.trackingProtectionMode
• proxy (en-US)
  • FindProxyForURL() can now return an object
• runtime (en-US)
  • runtime.openOptionsPage() (en-US) support on Android
• sessions (en-US)
  • setTabValue() (en-US)
  • getTabValue() (en-US)
  • removeTabValue() (en-US)
  • setWindowValue() (en-US)
  • getWindowValue() (en-US)
  • removeWindowValue() (en-US)
• sidebarAction (en-US)
  • sidebarAction.open() (en-US)
• storage (en-US)
  • storage.managed (en-US)
• tabs
  • loadReplace option in tabs.update() (en-US)
  • discarded property in tabs.Tab (en-US), tabs.onUpdated, and tabs.query() (en-US)
  • tabs.create() (en-US) can open "view-source:" URLs
  • openerTabId property in tabs.Tab (en-US), tabs.create() (en-US), tabs.query() (en-US), and tabs.update() (en-US)
• theme (en-US)
  • colors.toolbar
  • colors.toolbar_field
  • colors.toolbar_field_text
  • colors.toolbar_text
• theme
  • windowId option to theme.update()
• webRequest (en-US)
  • filterResponseData() (en-US)
  • proxyInfo property in webRequest (en-US) events
• windows (en-US)
  • allowScriptsToClose option in windows.create() (en-US)