---
title: Firefox 28 for developers
slug: Mozilla/Firefox/Releases/28
tags:
  - Firefox
  - Firefox 28
translation_of: Mozilla/Firefox/Releases/28
---
<p>Gecko 28 を搭載した Firefox 28 は米国時間 2014 年 3 月 18 日にリリースされました。このページでは、開発者に影響する Firefox 28 の変更点をまとめています。</p>

<h2 id="Changes_for_Web_developers" name="Changes_for_Web_developers">Web 開発者向けの変更点一覧</h2>

<h3 id="Developer_Tools" name="Developer_Tools">開発者ツール</h3>

<ul>
 <li>{{domxref("console.exception")}} プロパティを追加しました ({{bug("922214")}})。</li>
 <li>{{domxref("console.assert")}} プロパティを追加しました ({{bug("760193")}})。</li>
 <li>アプリマネージャ: 新しいマニフェストエディタを追加しました。</li>
 <li>アプリマネージャ: アプリのデバッグ用のツールボックスを、アプリマネージャの UI 内に組み込みました。</li>
 <li>Web コンソール: "スプリットコンソール" モードを追加しました。Escape キーを押すと、他のツール内にコンソールをすばやく開きます。</li>
 <li>Web コンソール: 出力エリア用の Dark テーマを追加しました。</li>
 <li>デバッガ: ミニファイされた JavaScript の整形。</li>
 <li>デバッガ: 変数にマウスポインタを載せるか変数をクリックすると、現在の値をポップアップで表示します。</li>
 <li>インスペクタ: ルールビューでのカラーピッカーや、さまざまなツールチップを追加しました。</li>
 <li>ブラウザツールボックス: アドオンやプラットフォームの開発者が、ブラウザ自身を対象にしてほぼすべての開発ツールを使用できるようになりました。</li>
</ul>

<p>詳しくは<a href="https://hacks.mozilla.org/2013/12/split-console-pretty-print-minified-js-and-more-firefox-developer-tools-episode-28/" title="Split console, pretty-print minified JS and more – Firefox Developer Tools Episode 28">こちらの投稿</a>をご覧ください。</p>

<h3 id="CSS" name="CSS">CSS</h3>

<ul>
 <li>マルチラインの <a href="/ja/docs/Web/Guide/CSS/Flexible_boxes">flexbox</a> をサポートしました ({{bug("939901")}})。</li>
 <li><span id="summary_alias_container"><span id="short_desc_nonedit_display">東アジア言語における{{原語併記("長い表記", "longhand")}}の<a href="/ja/docs/Web/CSS/list-style-type">カウンタースタイル</a></span></span>を実装しました ({{bug("934072")}})。</li>
 <li><span id="summary_alias_container"><span id="short_desc_nonedit_display">{{cssxref("background-blend-mode")}} プロパティをサポートしました</span></span> ({{bug("841601")}})。</li>
 <li>{{cssxref("font-variant-ligatures")}} プロパティに値 <code>none</code> を追加しました ({{bug("913264")}})。</li>
 <li>疑似要素で {{cssxref(":hover")}} ユーザアクション疑似クラスをサポートしました ({{bug("922669")}})。</li>
</ul>

<h3 id="HTML" name="HTML">HTML</h3>

<ul>
 <li><code>&lt;input type=color&gt;</code> および <code>&lt;input type=number&gt;</code> を実装しましたが、デフォルトでは無効です。</li>
</ul>

<h3 id="JavaScript" name="JavaScript">JavaScript</h3>

<ul>
 <li><a href="/ja/docs/Web/JavaScript/ECMAScript_6_support_in_Mozilla" title="Web/JavaScript/ECMAScript_6_support_in_Mozilla">ECMAScript 6</a> (Harmony) の実装が続いています:

  <ul>
   <li><code>Array</code> の新たなメソッドを実装しました: {{jsxref("Array.prototype.entries()")}} および {{jsxref("Array.prototype.keys()")}} ({{bug("894658")}})</li>
  </ul>
 </li>
</ul>

<h3 id="Interfaces.2FAPIs.2FDOM" name="Interfaces.2FAPIs.2FDOM">インターフェイス/API/DOM</h3>

<ul>
 <li><span id="summary_alias_container"><span id="short_desc_nonedit_display"><code>HTMLVideoElement.canPlayType('video/webm')</code> が <code>maybe</code> を返すようになりました</span></span> ({{bug("884275")}})。</li>
 <li>{{domxref("DocumentFragment.getElementById()")}} メソッドを実装しました。例: <code>document.createDocumentFragment().getElementById()</code> ({{bug("933193")}})</li>
 <li>{{domxref("KeyboardEvent.repeat")}} 属性を実装しました ({{bug("600117")}})。</li>
 <li>{{domxref("File")}} コンストラクタを実装しました。例: <code>new File(["foo"], "foo.txt")</code> ({{bug("819900")}})</li>
 <li>プライバシーの理由により、{{domxref("NavigatorPlugins.plugins", "navigator.plugins")}} が enumerable ではなくなりました ({{bug(757726)}})。</li>
 <li>{{domxref("Window.screenX")}} 属性および {{domxref("Window.screenY")}} 属性が CSS ピクセル値を返すようになりました (デバイスピクセル値は返しません) ({{bug(943668)}})。</li>
 <li>{{domxref("CanvasRenderingContext2D.drawSystemFocusRing()")}} メソッドおよび {{domxref("CanvasRenderingContext2D.drawCustomFocusRing()")}} メソッドを実装しました。これらを有効にするには、設定項目 <code>canvas.focusring.enabled</code> を <code>true</code> に設定しなければなりません ({{bug(540456)}})。</li>
 <li>以下の属性を {{domxref("NavigatorID")}} に追加しました: {{domxref("NavigatorID.appCodeName", "appCodeName")}} および {{domxref("NavigatorID.product", "product")}} ({{bug(925847)}})</li>
</ul>

<h3 id="MathML" name="MathML">MathML</h3>

<ul>
 <li><span id="summary_alias_container"><span id="short_desc_nonedit_display">the </span></span><code>mathvariant</code> 属性をサポートしました ({{bug("114365")}})。</li>
</ul>

<h3 id="SVG" name="SVG">SVG</h3>

<p><em>変更なし。</em></p>

<h3 id="Audio.2FVideo" name="Audio.2FVideo">Audio/Video</h3>

<ul>
 <li><span id="summary_alias_container"><span id="short_desc_nonedit_display">WebM で Opus</span></span> をサポートしました ({{bug("938686")}})。</li>
 <li><span id="summary_alias_container"><span id="short_desc_nonedit_display">VP9 ビデオデコーダ</span></span>をサポートしました ({{bug("833023")}})。</li>
</ul>

<h3 id="Network" name="Network">ネットワーク</h3>

<ul>
 <li><code>SPDY/2</code> のサポートを廃止しました。</li>
</ul>

<h2 id="Changes_for_addon_and_Mozilla_developers" name="Changes_for_addon_and_Mozilla_developers">アドオン開発者と Mozilla 開発者向けの変更点</h2>

<ul>
 <li><a href="/ja/docs/Mozilla/JavaScript_code_modules/DeferredTask.jsm">DeferredTask.jsm</a> のインターフェイスを変更しました。また <code>isPending()</code>、<code>start()</code>、<code>flush()</code>、<code>cancel()</code> の各メソッドを削除しました ({{bug("940408")}})。</li>
</ul>

<h2 id="Security" name="Security">セキュリティ</h2>

<ul>
 <li>sandbox 化した iframe では、CSP が適用されていませんでした。これを修正しました ({{bug(886164)}})。</li>
 <li>CSP 1.1 の試験的なディレクティブ <code>script-nonce</code> を実装しました。この機能を有効にするには、設定項目 <code>security.csp.experimentalEnabled</code> を <code>true</code> に設定してください ({{bug(855326)}})。</li>
</ul>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><a href="http://www.mozilla.jp/firefox/28.0/releasenotes/">Firefox 28 リリースノート</a></li>
 <li><a href="https://www.fxsitecompat.com/ja/versions/28/">Firefox 28 サイト互換性情報</a></li>
 <li><a href="https://dev.mozilla.jp/2014/02/firefox-28-addon-compatibility/">Firefox 28 アドオン互換性情報</a></li>
</ul>

<h3 id="Older_versions" name="Older_versions">過去のバージョン</h3>

<p>{{Firefox_for_developers('27')}}</p>