Firefox 60 for developers

Firefox 60 は、米国時間 2018 年 5 月 9 日にリリースされました。このページでは、開発者に影響する Firefox 60 の変更点をまとめています。

Android 版 Firefox 60 に Stylo を導入

デスクトップ版 Firefox 57 で始めにデフォルトで有効化された、Quantum CSS または Stylo として知られる Firefox の新しい並列処理 CSS エンジン を、Android 版 Firefox で有効化しました。

ウェブ開発者向けの変更点一覧

開発者ツール

• CSS ペインのルールビュー (CSS の調査と編集 をご覧ください) で精密に値を増減する (0.1 ずつ増減) キーボードショートカットを、Linux および Windows で OS のデフォルトのショートカットと衝突しないようにするため、Alt + ↑/↓ から Ctrl + ↑/↑ に変更しました (バグ 1413314)。
• CSS ペインのルールビューで、CSS 変数名 のオートコンプリートが可能になりました (バグ 1422635)。プロパティの値に var( と入力してダッシュ (-) を押下すると、CSS で宣言した変数をオートコンプリートのリストに表示します。
• レスポンシブデザインモード で、タッチのシミュレーションを切り替えたときやシミュレーションするユーザーエージェントを変更したときにページを自動的に再読み込みする機能を有効化/無効化できる、Reload when... ドロップダウンメニューを追加しました。詳しくは ページ再読み込みの動作を制御する をご覧ください (バグ 1428816)。
• 設定項目 view_source.tab を削除しましたので、ソース表示 モードを新しいタブか新しいウィンドウで選ぶことができなくなりました。ページのソースは、常に新しいタブで表示されます (バグ 1418403)。

HTML

• designMode および contenteditable の状況で、ブロックレベルの編集ホストの子であるインライン要素またはテキストノードの内部にキャレットがあるときに Enter キーを押下すると、<div> 要素を挿入するようになりました。以前は、<br> 要素を挿入していました。アプリで以前の動作を望む場合は、document.execCommand() で実現できます。詳しくは マークアップ生成の違い をご覧ください (バグ 1430551)。

CSS

• align-content、align-items、align-self、justify-content、place-content プロパティの値を、最新の CSS Box Alignment Module Level 3 仕様書に従って更新しました (バグ 1430817)。
• paint-order プロパティを実装しました (バグ 1426146)。

SVG

変更なし。

JavaScript

• ECMAScript 2015 モジュールを、デフォルトで有効にしました (バグ 1438139)。詳しくは ES6 In Depth: Modules および ES modules: A cartoon deep dive をご覧ください。または、MDN のリファレンス文書を確認してください:
  • <script src="main.js" type="module"> および <script nomodule src="fallback.js">
  • import 文と export 文。
• Array.prototype.values() メソッドを再び追加しました (バグ 1420101)。これは以前のバージョンで、互換性の問題 のために無効化されました。このメソッドを独自に実装していないことを確認してください。

API

新規 API

• Web Authentication API を有効化しました (バグ 1432542)。

DOM

• Web Authentication API で、MakePublicKeyCredentialOptions ディクショナリーオブジェクトを PublicKeyCredentialCreationOptions に改名されました。これを Firefox でも実施しました (バグ 1436473)。
• 設定項目 dom.workers.enabled を削除しました。すなわち、Worker を無効化できなくなりました (バグ 1434934)。
• body プロパティを Document インターフェイスに実装しました。以前は HTMLDocument インターフェイスにありました (バグ 1276438)。
• PerformanceResourceTiming が Worker で使用可能になりました (バグ 1425458)。
• PerformanceObserver.takeRecords() メソッドを実装しました (バグ 1436692)。
• アクティブなキーボードレイアウトが ASCII 文字を生成しない場合でも、句読点キーの KeyboardEvent.keyCode 属性は 0 ではない値になります。詳しくはこちらをご覧ください。新しいアプリケーションでは KeyboardEvent.keyCode を使用しないようにしてください。代わりに KeyboardEvent.key または KeyboardEvent.code を使用します。
• Animation.updatePlaybackRate() メソッドを実装しました (バグ 1436659)。
• 句読点キーの keyCode の値 を決定するための新しい規則を導入しました (バグ 1036008)。
• Gecko 限定の option オブジェクトである、IDBFactory.open() メソッドの storage オプション (Experimental Gecko options object もご覧ください) が非推奨になりました (バグ 1442560)。
• IndexedDB のコード内で Promise が使用可能になりました (バグ 1193394)。

DOM イベント

変更なし。

Service workers

変更なし。

メディアと WebRTC

• getUserMedia() を使用して取得したメディアを録画または共有するとき、対応するトラックの MediaStreamTrack.enabled プロパティを false に設定してカメラをミュートすると、カメラを使用していないことをユーザーにわかりやすくするために、カメラが "使用中" であることを示すランプを消灯するようになりました (バグ 1299515)。詳しくは MediaDevices.getUserMedia() の User privacy をご覧ください。また、こちらのブログ記事 もご覧ください。
• removeTrack() を使用して RTCPeerConnection からトラックを削除するときに、getSenders() が報告する送信者のピアコネクションのリストからトラックの RTCRtpSender を削除しないようになりました (バグ 1290949)。
• RTCRtpContributingSource および RTCRtpSynchronizationSource オブジェクトのタイムスタンプは、以前は Date.getTime() が返す値に基づいて報告されていました。Firefox 60 で、正しく Performance Timing API を使用するように修正しました (バグ 1433576)。
• 仕様書に合わせて ConvolverNode() コンストラクターで、参照される AudioBuffer のチャンネル数が 1、2、あるいは 4 でない場合に NotSupportedError が発生するようになりました (バグ 1443228)。
• RTCPeerConnection で廃止されたイベントハンドラーである RTCPeerConnection.onremovestream を削除しました。代わりに removetrack イベントを使用するべきです (バグ 1442385)。
• RTCDataChannel は DataChannel の別名ではなく、RTCDataChannel そのものが本名になりました。DataChannel という名前はサポートしません (バグ 1173851)。

Canvas と WebGL

• 設定項目 privacy.resistFingerprinting が true である場合に、WEBGL_debug_renderer_info WebGL 拡張が無効になります (バグ 1337157)。

CSSOM

変更なし。

HTTP

変更なし。

セキュリティ

• X-Content-Type-Options ヘッダーで no-sniff を設定したときに、JavaScript の MIME タイプの仕様に従うようになりました。特に、text/json および application/json は有効な値ではなくなりました (バグ 1431095)。

プラグイン

変更なし。

その他

• クレデンシャルを含むフェッチとクレデンシャルを含まないフェッチが、接続を共有できるようになりました。例えば同じオリジンからウェブフォントとクレデンシャルが設定されたユーザーデータを同じ CDN へ要求するときに、どちらも同じ接続を共有することにより、応答が早くなる可能性があります (バグ 1363284)。

ウェブプラットフォームから廃止

HTML

変更なし。

CSS

• 独自仕様である -moz-user-input プロパティの enabled および disabled 値が使用できなくなりました (バグ 1405087)。
• 独自仕様である -moz-border-top-colors、-moz-border-right-colors、-moz-border-bottom-colors、-moz-border-left-colors プロパティを、プラットフォームから完全に削除しました (バグ 1429723)。

JavaScript

• 非標準の 式クロージャ 構文を削除しました (バグ 1426519)。

API

• userproximity および deviceproximity イベント (UserProximityEvent および DeviceProximityEvent もご覧ください) を設定項目 device.sensors.proximity.enabled で、デフォルトで無効化しました (バグ 1359076)。
• devicelight イベント (DeviceLightEvent もご覧ください) を設定項目 device.sensors.ambientLight.enabled で、デフォルトで無効化しました (バグ 1359076)。

SVG

変更なし。

その他

変更なし。

アドオン開発者と Mozilla 開発者向けの変更点

WebExtensions

テーマ API:

• headerURL が省略可能になりました。
• ブラウザー テーマ を作成するとき、headerURL が指定されていない場合は、ヘッダーテキストに適用されている text-shadow を削除します (バグ 1404688)。
• 新たにサポートしたプロパティ:
  • tab_line
  • tab_selected
  • popup
  • popup_border
  • popup_text
  • tab_loading
  • icons
  • icons_attention
  • frame_inactive
  • button_background_active
  • button_background_hover

関連情報

• Firefox — Notes (60.0)
• Firefox 60 サイト互換性情報

過去のバージョン