Skip to content

Latest commit

 

History

History
209 lines (129 loc) · 19.1 KB

index.md

File metadata and controls

209 lines (129 loc) · 19.1 KB
Raw
title slug
Firefox 61 for developers
Mozilla/Firefox/Releases/61

{{FirefoxSidebar}}

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

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

開発者ツール

  • アクセシビリティインスペクター を実装しました。

  • ブラウザーコンソール と ブラウザーツールボックス で、新しい意匠のコンソール UI をデフォルトで有効化しました (Firefox バグ 1362023/Firefox バグ 1347127)。古い UI は削除しました。

  • ネットワークモニター で POST リクエストのコンテキストメニューの [新しいタブで開く] をクリックすると、想定どおりの POST 引数を付加したリクエストを正しく再送信するようになりました (Firefox バグ 1407515)。

  • それぞれの変数にどの色の値が保存されているかを明確にするため、色見本をつけて CSS 変数のオートコンプリート を行うようになりました (Firefox バグ 1451211)。

    • さらに、CSS 変数名にマウスポインターを載せると、変数に保存されている色の値をツールチップで表示します (Firefox バグ 1431949)。

  • ツールボックスのメインツールバーを再設計しました。主要な変更点は、新しいオーバーフロードロップダウンメニューによりビューポートの広さにかかわらず応答性が向上、ミートボールメニューをクリーンアップ、もっとも使用するパネルを前方に移動できるタブの並べ替え機能です (Firefox バグ 1226272)。

  • ネットワークモニター のツールバーに、'HAR 形式ですべてコピー'、'HAR 形式ですべて保存'、'Import...' コマンドへ簡単にアクセスできるドロップダウンメニューを追加しました (Firefox バグ 1403530)。

  • ネットワークモニターの詳細ペインに Cache タブ を追加しました。以前キャッシュしたリソースに関する詳細情報を表示します (Firefox バグ 859051)。

  • ネットワークモニターのメインツールバーを、小さなビューポートでも使いやすく、またコンソールのツールバーに合うように再設計しました。

  • ネットワークモニターのメインツールバーに、以前は レスポンシブデザインモード のみで使用可能であった Throttling ドロップダウンメニューを追加しました。さまざまなネットワーク速度の状況をエミュレーションするために、ネットワーク速度を制限できます (Firefox バグ 1349559)。

  • パフォーマンス上の理由で、ブラウザーコンソールはデフォルトで CSS エラーを非表示にしました (Firefox バグ 1452143)。

  • ブラウザーコンソールに、ブラウザーを再起動するコマンドが含まれています。

    Ctrl

    +

    Alt

    +

    R

    (Windows、Linux) または

    Cmd

    +

    Alt

    +

    R

    (Mac) を押下するとブラウザーを再起動して、再起動前と同じタブを開きます。

  • 開発ツールの web extension API である devtools.network.onRequestFinished (Firefox バグ 1311171) および devtools.network.getHAR (Firefox バグ 1311177) を実装しました (har-export-trigger のような拡張機能を実現できます)

  • Firebug のユーザーが開発ツールへの移行を完了しましたので、Firebug テーマを削除しました (Firefox バグ 1378108)。

HTML

変更なし。

CSS

  • CSS のパース処理を並列化しました (Firefox バグ 1346988)。

  • {{cssxref("font-variation-settings")}} および {{cssxref("font-optical-sizing")}} のサポートを、デフォルトで有効にしました (Firefox バグ 1447163)。

  • grid-gap、grid-row-gap、grid-column-gap プロパティを {{cssxref("gap")}}、{{cssxref("row-gap")}}、{{cssxref("column-gap")}} に改名しました。これらはグリッド固有のプロパティではなくなりました (Firefox バグ 1398482)。詳しくは Box alignment; Gaps between boxes をご覧ください。ウェブ互換性のために、古い名称を別名として維持しています。

  • {{cssxref("flex-basis")}} の値 content をサポートしました (Firefox バグ 1105111)。

  • {{cssxref("column-gap")}} のパーセンテージ値を、CSS 段組みレイアウト でサポートしました (Firefox バグ 1398537)。

  • CSS の {{cssxref(":host")}} 擬似クラスをサポートしました。これは、shadow DOM 内のカスタム要素を選択します (Firefox バグ 992245)。

  • {{cssxref("overflow")}} が 2 値構文を受け入れるようになりました (Firefox バグ 1453148)。

  • 内容物によってサイズが決まる Flex アイテムは、fit-content ではなく max-content を使用してサイズが決まるようになりました (Firefox バグ 1282821)。これらの値について、詳しくは width の値の定義 をご覧ください。

  • {{cssxref("font-weight")}}、{{cssxref("font-stretch")}}、{{cssxref("font-style")}} で、CSS Fonts level 4 で定義された追加の値をサポートしました (Firefox バグ 1436048):

    • {{cssxref("font-weight")}} は、1 から 1000 の間 (両端の値を含む) の浮動小数点数を受け入れます。
    • {{cssxref("font-stretch")}} は、パーセンテージ値を受け入れます。
    • {{cssxref("font-style")}} は、oblique キーワードの後の角度の値を受け入れます。

  • 前の項目で言及した 3 つのプロパティに対応する、{{cssxref("@font-face")}} の記述子でも前出の新しい構文をサポートしました。また、font-face がサポートする記述子の値の範囲を指定する 2 値構文もサポートしました (Firefox バグ 1436061、Firefox バグ 1436048)。

SVG

  • HTML の {{HTMLElement("a")}} 要素に一致させるため、SVG の {{SVGElement("a")}} 要素 ({{domxref("SVGAElement")}}) 要素に ping、rel、referrerPolicy、relList、hreflang、type、text プロパティを追加しました (Firefox バグ 1451823)。
  • {{SVGElement("textPath")}} 要素 ({{domxref("SVGTextPathElement")}}) で SVG2 の path および side 属性をサポートしました (Firefox バグ 1446617 および Firefox バグ 1446650)。
  • {{domxref("SVGGeometryElement")}} インターフェイスで、{{SVGElement("path")}} 要素だけでなく、より多くの要素をサポートしました (Firefox バグ 1325320)。

JavaScript

  • {{jsxref("String.prototype.trimStart()")}} および {{jsxref("String.prototype.trimEnd()")}} メソッドを実装しました (Firefox バグ 1434007)。trimLeft および trimRight は、ウェブ互換性のために別名として残しています。

API

新規 API

  • {{domxref("PerformanceServerTiming")}} API を実装しました。これは {{HTTPHeader("Server-Timing")}} ヘッダーによって送信する、サーバーサイドのメトリックを明らかにします (Firefox バグ 1423495)。

DOM

  • {{domxref("Document.anchors", "anchors")}}、{{domxref("Document.applets", "applets")}}、{{domxref("Document.embeds", "embeds")}}、{{domxref("Document.forms", "forms")}}、{{domxref("Document.head", "head")}}、{{domxref("Document.images", "images")}}、{{domxref("Document.links", "links")}}, {{domxref("Document.plugins", "plugins")}}、{{domxref("Document.scripts", "scripts")}} プロパティを、{{domxref("HTMLDocument")}} インターフェイスから {{domxref("Document")}} インターフェイスに移しました (Firefox バグ 1415588)。
  • {{domxref("DOMTokenList.replace()")}} の戻り値が void から、置換が成功したかを示すブーリアン値に変わりました (Firefox バグ 1444909)。
  • Fetch API の {{domxref("Request.credentials")}} プロパティの既定値が、最新版の仕様書に応じて "same-origin" になりました (Firefox バグ 1394399)。
  • {{domxref("Request.destination")}} プロパティを実装しました (Firefox バグ 1402892)。
  • {{domxref("MutationObserver")}} のオプションディクショナリーである {{domxref("MutationObserverInit")}} で、すべての Boolean 型プロパティが既定値として false を持たなくなりました。childList および subtree だけが既定値 (依然として false) を持ちます。ほかのプロパティは既定値がありません (Firefox バグ 973638)。
  • 決済リクエスト API の {{domxref("PaymentRequest.show()")}} メソッドで、クライアントサイドのコードが支払いインターフェイスを活性化する前に更新された支払いの詳細情報を提供できるようにするため、{{jsxref("Promise")}} の使用をサポートしました (Firefox バグ 1441709)。

DOM イベント

変更なし。

Service workers

  • Firefox のカスタマイズで追加できる "忘れる" ボタンで、service workers とそのキャッシュを消去するようになりました (Firefox バグ 1252998)。

Web Audio、メディアと WebRTC

  • {{domxref("AudioContext.AudioContext", "AudioContext()")}} コンストラクターが、{{domxref("AudioContextOptions")}} 型の引数 options (省略可能) を受け入れるようになりました。これは、新しいコンテキストで望ましいレイテンシーやサンプルレートを設定できます。
  • {{domxref("AudioBuffer")}} のインスタンス化が失敗したときに、正しい例外が発生するようになりました。

WebVR

Canvas と WebGL

変更なし。

CSSOM

  • {{domxref("CSSStyleRule.selectorText")}} プロパティを完全に実装して、読み取り専用ではなくなりました (Firefox バグ 37468)。
  • {{domxref("MediaList")}} インターフェイスの実装を、仕様書に若干近づけました。まだ完全ではありません。例えば、stringifier 属性は未実装です (Firefox バグ 1455807)。

HTTP

ネットワーク

  • Firefox 61 以降では、HTML コンテンツからサブリソースを読み込む際に FTP プロトコル (すなわち、"ftp://" スキームの URL) の使用をサポートしません。URL バーに直接入力したトップレベル URL や、単独のドキュメントとして読み込む際の FTP は引き続きサポートします (Firefox バグ 1404744)。

セキュリティ

変更なし。

プラグイン

変更なし。

その他

変更なし。

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

Developer tools

Cmd/Ctrl + Shift + O で開発ツールのオプションを開く/閉じることができなくなりました。代わりに F1 を使用します (Firefox バグ 1409456)。

HTML

変更なし。

CSS

API

  • {{domxref("File")}} インターフェイスの {{domxref("File.lastModifiedDate", "lastModifiedDate")}} プロパティを削除しました (Firefox バグ 1458883)。
  • {{domxref("Node.getUserData()")}} および {{domxref("Node.setUserData()")}} メソッドを、プラットフォームから完全に削除しました (Firefox バグ 749981)。
  • {{domxref("Element.createShadowRoot()")}} メソッドを削除しました。代わりに {{domxref("Element.attachShadow()")}} を使用してください (Firefox バグ 1453789)。
  • {{domxref("URL.createObjectURL()")}} メソッドの {{domxref("MediaStream")}} オーバーロードを削除しました (Firefox バグ 1454889)。

SVG

  • 非推奨の (そして適切に実装されたことがない) {{domxref("SVGViewElement")}}.viewTarget プロパティを削除しました (Firefox バグ 1455763)。

  • 以下の非推奨プロパティを {{domxref("SVGSVGElement")}} から削除しました (Firefox バグ 1133172):

    • pixelUnitToMillimeterX
    • pixelUnitToMillimeterY
    • screenPixelToMillimeterX
    • screenPixelToMillimeterY

  • 非標準の SVGNumber() コンストラクターを削除しました (Firefox バグ 1455940)。

その他

変更なし。

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

WebExtensions

関連情報

過去のバージョン

{{Firefox_for_developers(60)}}