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 のリファレンス文書を確認してください:
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()
(en-US) メソッドを実装しました (バグ 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()
(en-US) を使用してRTCPeerConnection
からトラックを削除するときに、getSenders()
(en-US) が報告する送信者のピアコネクションのリストからトラックのRTCRtpSender
(en-US) を削除しないようになりました (バグ 1290949)。RTCRtpContributingSource
(en-US) およびRTCRtpSynchronizationSource
(en-US) オブジェクトのタイムスタンプは、以前はDate.getTime()
が返す値に基づいて報告されていました。Firefox 60 で、正しく Performance Timing API を使用するように修正しました (バグ 1433576)。- 仕様書に合わせて
ConvolverNode()
(en-US) コンストラクターで、参照されるAudioBuffer
のチャンネル数が 1、2、あるいは 4 でない場合にNotSupportedError
が発生するようになりました (バグ 1443228)。 RTCPeerConnection
で廃止されたイベントハンドラーであるRTCPeerConnection.onremovestream
(en-US) を削除しました。代わりにremovetrack
イベントを使用するべきです (バグ 1442385)。RTCDataChannel
はDataChannel
の別名ではなく、RTCDataChannel
そのものが本名になりました。DataChannel
という名前はサポートしません (バグ 1173851)。
Canvas と WebGL
- 設定項目
privacy.resistFingerprinting
がtrue
である場合に、WEBGL_debug_renderer_info
(en-US) 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
(en-US) プロパティを、プラットフォームから完全に削除しました (バグ 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 59 for developers
- Firefox 58 for developers
- Firefox 57 for developers
- Firefox 56 for developers
- Firefox 55 for developers
- Firefox 54 for developers
- Firefox 53 for developers
- Firefox 52 for developers
- Firefox 51 for developers
- Firefox 50 for developers
- Firefox 49 for developers
- Firefox 48 for developers
- Firefox 47 for developers
- Firefox 46 for developers
- Firefox 45 for developers
- Firefox 44 for developers
- Firefox 43 for developers
- Firefox 42 for developers
- Firefox 41 for developers
- Firefox 40 for developers
- Firefox 39 for developers
- Firefox 38 for developers
- Firefox 37 for developers
- Firefox 36 for developers
- Firefox 35 for developers
- Firefox 34 for developers
- Firefox 33 for developers
- Firefox 32 for developers
- Firefox 31 for developers
- Firefox 30 for developers
- Firefox 29 for developers