blob: 786b2628180c5eb2ac89eeca5ecc5be22353ac3b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
---
title: Firefox 28 for developers
slug: Mozilla/Firefox/Releases/28
tags:
- Compatibility
- Firefox
- Firefox 28
- Mozilla
translation_of: Mozilla/Firefox/Releases/28
---
<div>{{FirefoxSidebar}}</div>
<p>Firefox 28 は米国時間 2014 年 3 月 18 日にリリースされました。この記事では、ウェブ開発者だけでなく、 Firefox や Gecko の開発者やアドオン開発者にとっても有益な主な変更点を紹介します。</p>
<h2 id="Changes_for_Web_developers">ウェブ開発者向けの変更点</h2>
<h3 id="Developer_Tools">開発者ツール</h3>
<ul>
<li>{{domxref("console.exception")}} プロパティを追加しました ({{bug("922214")}})。</li>
<li>{{domxref("console.assert")}} プロパティを追加しました ({{bug("760193")}})。</li>
<li>アプリマネージャー: 新しいマニフェストエディタを追加しました。</li>
<li>アプリマネージャー: アプリのデバッグ用のツールボックスを、アプリマネージャーの UI 内に組み込みました。</li>
<li>ウェブコンソール: "スプリットコンソール" モードを追加しました。Escape キーを押すと、他のツール内にコンソールをすばやく開きます。</li>
<li>ウェブコンソール: 出力エリア用の 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">CSS</h3>
<ul>
<li>複数行の <a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">flexbox</a> をサポートしました ({{bug("939901")}})。</li>
<li>東アジア言語における長い表記のの<a href="/ja/docs/Web/CSS/list-style-type">カウンタースタイル</a>を実装しました ({{bug("934072")}})。</li>
<li>{{cssxref("background-blend-mode")}} プロパティをサポートしました ({{bug("841601")}})。</li>
<li>{{cssxref("font-variant-ligatures")}} プロパティに値 <code>none</code> を追加しました ({{bug("913264")}})。</li>
<li>疑似要素で {{cssxref(":hover")}} ユーザーアクション疑似クラスをサポートしました ({{bug("922669")}})。</li>
</ul>
<h3 id="HTML">HTML</h3>
<ul>
<li><code><input type=color></code> および <code><input type=number></code> を実装しましたが、デフォルトでは無効です。</li>
</ul>
<h3 id="JavaScript">JavaScript</h3>
<ul>
<li><a href="/ja/docs/Web/JavaScript/ECMAScript_6_support_in_Mozilla">ECMAScript 2015</a> の実装が続いています。
<ul>
<li><code>Array</code> の新たなメソッド、 {{jsxref("Array.prototype.entries()")}} および {{jsxref("Array.prototype.keys()")}} を実装しました ({{bug("894658")}})。</li>
</ul>
</li>
<li>A bug causing that {{jsxref("Object.getOwnPropertyNames()")}} did not see unresolved properties of {{jsxref("Error")}} objects has been fixed ({{bug("724768")}}).</li>
</ul>
<h3 id="InterfacesAPIsDOM">インターフェイス/API/DOM</h3>
<ul>
<li><code>HTMLVideoElement.canPlayType('video/webm')</code> が <code>maybe</code> を返すようになりました ({{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><code>willReadFrequently</code> コンテキスト属性が "<code>2d</code>" キャンバスコンテキストで実装されました ({{domxref("HTMLCanvasElement.getContext()")}} を参照) ({{bug(884226)}})。</li>
<li>{{domxref("NavigatorID")}} の属性やメソッドのうち、 {{domxref("NavigatorID.appCodeName", "appCodeName")}}, {{domxref("NavigatorID.product", "product")}}, {{domxref("NavigatorID.taintEnabled", "taintEnabled()")}} が {{domxref("WorkerNavigator")}} に実装され、ワーカーで利用できるようになりました。 ({{bug(925847)}})。</li>
<li>{{domxref("Element/previousElementSibling" , "previousElementSibling")}} および {{domxref("Element/nextElementSibling" , "nextElementSibling")}} の各プロパティが互換性の問題により、 {{domxref("DocumentType")}} から削除されました ({{bug(932501)}})。</li>
</ul>
<h3 id="MathML">MathML</h3>
<ul>
<li><code>mathvariant</code> 属性をサポートしました ({{bug("114365")}})。</li>
</ul>
<h3 id="SVG">SVG</h3>
<p><em>変更なし。</em></p>
<h3 id="AudioVideo">Audio/Video</h3>
<ul>
<li>WebM で Opus をサポートしました ({{bug("938686")}})。</li>
<li>VP9 ビデオデコーダをサポートしました ({{bug("833023")}})。</li>
</ul>
<h3 id="Network">ネットワーク</h3>
<ul>
<li><code>SPDY/2</code> のサポートを廃止しました。</li>
</ul>
<h2 id="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">セキュリティ</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">関連情報</h2>
<ul>
<li><a href="http://www.mozilla.jp/firefox/28.0/releasenotes/">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">過去のバージョン</h3>
<p>{{Firefox_for_developers('27')}}</p>
|