mozilla

Revision 123189 of Firefox 3.1 for developers

  • Revision slug: Firefox_3.1_for_developers
  • Revision title: Firefox 3.1 for developers
  • Revision id: 123189
  • Created:
  • Creator: Suguni
  • Is current revision? No
  • Comment 14 words added

Revision Content

{{ mediawiki.interwiki('wikimo', 'Firefox3.1', 'Firefox 3.1') }}(코드명 "Shiretoko") 는 Gecko 1.9.1을 기반으로 합니다. 이 문서는 Firefox 3.1 프로젝트를 위한 시작점이 되는 문서로 제공됩니다.

주의: Shiretoko 소스 코드는 Mercurialmozilla-central 저장소에 존재합니다. Firefox 3.1 소스 코드에 접근하는 자세한 방법은 Mozilla Source Code (Mercurial) 기사를 참조하세요.

Please list changes here, so they can be properly documented.

웹 사이트와 어플리케이션의 변경 사항

ICC 컬러 보정이 지원됩니다(본 기능이 tagged 이미지에 대해서만 적용될지 모든 이미지에 대해 적용될지 여부는 검토중에 있습니다. 현재는 tagged 이미지에 대해서만 적용되고 있습니다). 자세한 내용은 본 기사를 참조하세요.

CSS 변경 사항

버그 수정

  • 'ch' 단위를 다른 길이 단위가 사용되는 모든 곳에서 사용할 수 있으며, '0' 값인 너비는 명세에 따라 동작합니다({{ Bug("363706") }}).

CSS 2.1 지원

  • ::before::after가 CSS 2.1에 따라 업데이트되었습니다. position과 float 속성을 가진 요소를 지원합니다.

새롭게 지원되는 기능

  • CSS media queries
  • @font-face는 사이트로부터 폰트를 다운로드 받을 수 있게 해주므로, 본래의 의도대로 출력할 수 있습니다.

새롭게 지원되는 프로퍼티

  • {{ Cssxref("text-shadow") }}
  • box-shadow as {{ Cssxref("-moz-box-shadow") }}
  • border-image as {{ Cssxref("-moz-border-image") }}
  • column-rule as {{ Cssxref("-moz-column-rule") }}, {{ Cssxref("-moz-column-rule-width") }}, {{ Cssxref("-moz-column-rule-style") }}, and {{ Cssxref("-moz-column-rule-color") }}
  • column-gap as {{ Cssxref("-moz-column-gap") }}
  • {{ Cssxref("word-wrap") }}
  • 플랫폼의 기본 하이퍼링크 컬러를 나타내는 -moz-nativehyperlinktext 커스텀 컬러값 추가
  • pre-line as a {{ Cssxref("white-space") }} value.
  • -moz-appearance에 새 값 추가: -moz-win-glass-moz-mac-unified-toolbar.
  • {{ Cssxref("-moz-transform") }}과 {{ Cssxref("-moz-transform-origin") }}을 이용하여 CSS 변환(transform)을 지원합니다. 자세한 내용은 CSS 변환 사용하기을 참조하세요.

새롭게 지원되는 선택자

  • {{ Cssxref(":nth-child") }}
  • {{ Cssxref(":nth-last-child") }}
  • {{ Cssxref(":nth-of-type") }}
  • {{ Cssxref(":nth-last-of-type") }}
  • {{ Cssxref(":first-of-type") }}
  • {{ Cssxref(":last-of-type") }}
  • {{ Cssxref(":only-of-type") }}

HTML 변경 사항

DOM 변경 사항

새롭게 지원되는 기능

버그 수정

  • Dispatched events can be redispatched; this makes Firefox pass Acid 3 test 30; see {{ Bug("412567") }} for details.
  • DOM 2 Range improvements ({{ Bug("332148") }}).

JavaScript

새롭게 지원되는 기능

버그 수정

  • In non-chrome scope, caught objects in exceptions are now the actual thrown object instead of an XPConnect wrapper containing the thrown object ({{ Bug("446584") }}).

Canvas

새롭게 지원되는 기능
HTML 5 text API for canvas elements
The HTML 5 text API for canvas elements is now supported.
Shadow effects
Canvas shadow effects are now supported.
-moz-opaque attribute
Added the -moz-opaque attribute, which lets the canvas know whether or not translucency will be a factor.  If the canvas knows there's no translucency, painting performance can be optimized.  See {{ Bug("430906") }}.

SVG

새롭게 지원되는 기능

버그 수정

  • id references are now live ({{ Bug("344258") }}).Expand Me
  • filters now works for foreignObject ({{ Bug("445079") }}).

XUL과 응용프로그램 개발자를 위한 사항

새로운 기능들

  • The XUL textbox widget now offers a search type, for use as search fields ({{ Bug("388811") }}).
  • Drag and drop of tabs between windows ({{ Bug("113934") }}).  This adds {{ XULMeth("swapDocShells") }} method to the browser widget..
  • The {{ XULAttr("panel.level") }} attribute of {{ XULElem("panel") }} element is used to specify whether panels appear on top of other applications or just the window the panel is contained within. ({{ Bug("451015") }}).
  • Cross-site XMLHttpRequest is now supported ({{ Bug("389508") }}).
  • Progress events for XMLHttpRequest are now supported.  See also the {{ interface("nsIDOMProgressEvent") }}, {{ interface("nsIXMLHttpRequestEventTarget") }}, and {{ interface("nsIXMLHttpRequestUpload") }} interfaces.
  • Native JSON support ({{ Bug("387522") }}).
  • Private browsing.  See this blog post for initial information.

인터페이스 변경 사항

  • {{ Interface("mozIStorageStatement") }} had the initialize() method removed as per {{ Bug("434796") }}. Consumers should use the {{ Ifmethod("mozIStorageConnection", "createStatement") }} method instead to get a new statement object.
  • Asynchronous storage statements ({{ Bug("429986") }} and {{ Bug("458811") }}).

테마 개발자를 위한 사항

Theme changes in Firefox 3.1를 참고하세요.

주의할 버그 수정

  • <keyset>s now can be removed ({{ Bug("437640") }}).

기타 참고 사항

{{ languages( { "en": "en/Firefox_3.1_for_developers", "fr": "fr/Firefox_3.1_pour_les_d\u00e9veloppeurs", "ja": "ja/Firefox_3.1_for_developers", "zh-tw": "zh_tw/Firefox_3.1_技術資訊" } ) }}

Revision Source

<p>{{ mediawiki.interwiki('wikimo', 'Firefox3.1', 'Firefox 3.1') }}(코드명 "Shiretoko") 는 Gecko 1.9.1을 기반으로 합니다. 이 문서는 Firefox 3.1 프로젝트를 위한 시작점이 되는 문서로 제공됩니다.</p>
<div class="note"><strong>주의: </strong>Shiretoko 소스 코드는 <a class="internal" href="/en/Mercurial" title="En/Mercurial">Mercurial</a> 내 <a class="internal" href="/en/mozilla-central" title="En/Mozilla-central">mozilla-central</a> 저장소에 존재합니다. Firefox 3.1 소스 코드에 접근하는 자세한 방법은 <a class="internal" href="/en/Mozilla_Source_Code_(Mercurial)" title="En/Mozilla Source Code (Mercurial)">Mozilla Source Code (Mercurial)</a> 기사를 참조하세요.<strong><br>
</strong></div>
<p>Please list changes here, so they can be properly documented.</p>
<h2>웹 사이트와 어플리케이션의 변경 사항</h2>
<p>ICC 컬러 보정이 지원됩니다(본 기능이 tagged 이미지에 대해서만 적용될지 모든 이미지에 대해 적용될지 여부는 검토중에 있습니다. 현재는 tagged 이미지에 대해서만 적용되고 있습니다). 자세한 내용은 <a class="external" href="http://bholley.wordpress.com/2008/09/12/so-many-colors/" title="http://bholley.wordpress.com/2008/09/12/so-many-colors/">본 기사</a>를 참조하세요.</p>
<h3>CSS 변경 사항</h3>
<h4>버그 수정</h4>
<ul> <li>'ch' 단위를 다른 <a class="internal" href="/en/CSS/length" title="en/CSS/length">길이 단위</a>가 사용되는 모든 곳에서 사용할 수 있으며, '0' 값인 너비는 명세에 따라 동작합니다({{ Bug("363706") }}).</li>
</ul>
<h4>CSS 2.1 지원</h4>
<ul> <li><a class="internal" href="/en/CSS/:before" title="en/CSS/:before">::before</a>와 <a class="internal" href="/en/CSS/:after" title="en/CSS/:after">::after</a>가 CSS 2.1에 따라 업데이트되었습니다. position과 float 속성을 가진 요소를 지원합니다.</li>
</ul>
<h4>새롭게 지원되는 기능</h4>
<ul> <li><a class="internal" href="/En/CSS/Media_queries" title="en/CSS/Media queries">CSS media queries</a></li> <li><a class="internal" href="/en/CSS/@font-face" title="En/CSS/@font-face"><code>@font-face</code></a>는 사이트로부터 폰트를 다운로드 받을 수 있게 해주므로, 본래의 의도대로 출력할 수 있습니다.</li>
</ul>
<h4>새롭게 지원되는 프로퍼티</h4>
<ul> <li>{{ Cssxref("text-shadow") }}</li> <li>box-shadow as {{ Cssxref("-moz-box-shadow") }}</li> <li>border-image as {{ Cssxref("-moz-border-image") }}</li> <li>column-rule as {{ Cssxref("-moz-column-rule") }}, {{ Cssxref("-moz-column-rule-width") }}, {{ Cssxref("-moz-column-rule-style") }}, and {{ Cssxref("-moz-column-rule-color") }}</li> <li>column-gap as {{ Cssxref("-moz-column-gap") }}</li> <li>{{ Cssxref("word-wrap") }}</li> <li>플랫폼의 기본 하이퍼링크 컬러를 나타내는 <a class="internal" href="/en/CSS/color#Mozilla_Specific_Colors" title="en/CSS/color#Mozilla Specific Colors"><code>-moz-nativehyperlinktext</code></a> 커스텀 컬러값 추가</li> <li><code>pre-line</code> as a {{ Cssxref("white-space") }} value.</li> <li style="text-align: left;"><a class="internal" href="/en/CSS/-moz-appearance" title="En/CSS/-moz-appearance"><code>-moz-appearance</code></a>에 새 값 추가: <code>-moz-win-glass</code>와 <code>-moz-mac-unified-toolbar</code>.</li> <li style="text-align: left;">{{ Cssxref("-moz-transform") }}과 {{ Cssxref("-moz-transform-origin") }}을 이용하여 CSS 변환(transform)을 지원합니다. 자세한 내용은 <a class="internal" href="/En/CSS/Using_CSS_transforms" title="En/CSS/Using CSS transforms">CSS 변환 사용하기</a>을 참조하세요.</li>
</ul>
<h4>새롭게 지원되는 선택자</h4>
<ul> <li>{{ Cssxref(":nth-child") }}</li> <li>{{ Cssxref(":nth-last-child") }}</li> <li>{{ Cssxref(":nth-of-type") }}</li> <li>{{ Cssxref(":nth-last-of-type") }}</li> <li>{{ Cssxref(":first-of-type") }}</li> <li>{{ Cssxref(":last-of-type") }}</li> <li>{{ Cssxref(":only-of-type") }}</li>
</ul><h3>HTML 변경 사항</h3>
<ul> <li><a class="internal" href="/En/HTML/Element/Script" title="Ko/HTML/Element/Script"><code>script</code></a> 요소의 <code>defer</code> 속성이 구현되었습니다.</li> <li><code><a class="internal" href="/En/HTML/Element/Video" title="En/HTML/Element/video">video</a></code>와 <code><a class="internal" href="/En/HTML/Element/Audio" title="En/HTML/Element/audio">audio</a></code> 요소를 지원합니다. HTML 5 media의 기능에 대한 자세하 정보는 <a class="internal" href="../../../../En/Using_audio_and_video_in_Firefox" rel="internal">Firefox에서 audio와 video 사용하기</a> 를 참고하세요.</li>
</ul><h3>DOM 변경 사항</h3>
<h4>새롭게 지원되는 기능</h4>
<ul> <li>The selectors API has been added to both documents and elements; see <code><a class="internal" href="/En/DOM/Document.querySelector" title="En/DOM/Document.querySelector">document.querySelector()</a></code>, <code><a class="internal" href="/En/DOM/Document.querySelectorAll" title="En/DOM/Document.querySelectorAll">document.querySelectorAll()</a></code>, <code><a class="internal" href="/En/DOM/Element.querySelector" title="En/DOM/Element.querySelector">element.querySelector()</a></code>, and <code><a class="internal" href="/En/DOM/Element.querySelectorAll" title="En/DOM/Element.querySelectorAll">element.querySelectorAll()</a></code>.</li> <li><a class="external" href="/En/DOM/NodeIterator" title="http://developer.mozilla.org/editor/fckeditor/core/editor/En/DOM/NodeIterator">NodeIterator</a> object APIs</li> <li>DOM worker threads (see <a class="external" href="/web-tech/2008/09/04/web-workers-part-1" title="http://developer.mozilla.org/editor/fckeditor/core/editor/web-tech/2008/09/04/web-workers-part-1/">this article</a> for initial information, and the <a class="external" href="http://www.whatwg.org/specs/web-workers/current-work/" title="http://www.whatwg.org/specs/web-workers/current-work/">specification</a>). <em>Please note that our implementation does not currently match the specification, and will be revised for 3.1 beta 2.</em></li> <li>The Text node's <code><a class="internal" href="/En/DOM/Text.wholeText" title="En/DOM/Text.wholeText">wholeText</a></code> property and <code><a class="internal" href="/En/DOM/Text.replaceWholeText" title="En/DOM/Text.replaceWholeText">replaceWholeText()</a></code> method have been implemented.</li> <li>The <a class="internal" href="/En/Using_geolocation" title="En/Using geolocation">Geolocation API</a> is now supported, allowing web applications to obtain information about the user's current position if they have a provider for that information installed.</li> <li>Element Traversal API ({{ Bug("447917") }})</li> <li>The <a href="/En/DragDrop/Drag_and_Drop" title="En/DragDrop/Drag_and_Drop">HTML 5 Drag and Drop API</a> allows for drag and drop within and between web sites. In addition, it provides a simpler API for XUL extensions and applications. ({{ Bug("356295") }})</li> <li>The <a class="internal" href="/en/Gecko-Specific_DOM_Events#MozAfterPaint" title="en/Gecko-Specific DOM Events#MozAfterPaint"><code>MozAfterPaint</code></a> event was added, making it possible to detect when painting occurs.</li> <li>Added the <code>axis</code> attribute to <a class="internal" href="/en/Gecko-Specific_DOM_Events#DOMMouseScroll" title="en/Gecko-Specific DOM Events#DOMMouseScroll"><code>DOMMouseScroll</code></a> events.</li> <li>Added the <a class="internal" href="/en/Gecko-Specific_DOM_Events#MozMousePixelScroll" title="en/Gecko-Specific DOM Events#MozMousePixelScroll"><code>MozMousePixelScroll</code></a> event ({{ Bug("350471") }}).</li> <li>Finished support for the HTML5 Offline Specification</li>
</ul>
<h4>버그 수정</h4>
<ul> <li>Dispatched events can be redispatched; this makes Firefox pass Acid 3 test 30; see {{ Bug("412567") }} for details.</li> <li>DOM 2 Range improvements ({{ Bug("332148") }}).</li>
</ul>
<h3>JavaScript</h3>
<h4>새롭게 지원되는 기능</h4>
<ul> <li><a class="internal" href="/En/Core_JavaScript_1.5_Reference/Global_Objects/Object/GetPrototypeOf" title="En/Core JavaScript 1.5 Reference/Global Objects/Object/GetPrototypeOf"><code>Object.getPrototypeOf()</code></a> returns the prototype of a specified object.</li>
</ul>
<h4>버그 수정</h4>
<ul> <li>In non-chrome scope, caught objects in exceptions are now the actual thrown object instead of an XPConnect wrapper containing the thrown object ({{ Bug("446584") }}).</li>
</ul>
<h3>Canvas</h3>
<h5 name="Newly_supported_features_4">새롭게 지원되는 기능</h5>
<dl> <dt><a class="internal" href="/en/Drawing_text_using_a_canvas" title="En/Drawing text using a canvas">HTML 5 text API for <code>canvas</code> elements</a></dt> <dd>The HTML 5 text API for canvas elements is now supported.</dd><dt><a class="internal" href="/en/Canvas_tutorial/Applying_styles_and_colors#Shadows" title="En/Canvas tutorial/Applying styles and colors#Shadows">Shadow effects</a></dt><dd>Canvas shadow effects are now supported.</dd><dt><code>-moz-opaque</code> attribute</dt><dd>Added the <code>-moz-opaque</code> attribute, which lets the canvas know whether or not translucency will be a factor.  If the canvas knows there's no translucency, painting performance can be optimized.  See {{ Bug("430906") }}.<br>
</dd></dl>
<h3>SVG</h3>
<h4>새롭게 지원되는 기능</h4>
<ul> <li>GetSVGDocument is added for &lt;object&gt; and &lt;iframe&gt; for compatibility.</li> <li>SVG effects can now be applied to HTML content.  See <a class="external" href="/web-tech/2008/09/15/svg-effects-for-html-content" title="http://developer.mozilla.org/editor/fckeditor/core/editor/web-tech/2008/09/15/svg-effects-for-html-content/">this article</a> for more information.</li> <li>Possible to now use SVG from non-XHTML documents via external resource loading<br> <ul> <li><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=433616" title="https://bugzilla.mozilla.org/show_bug.cgi?id=433616">bug 433616</a></li> <li><a class="external" href="http://web.mit.edu/bzbarsky/www/test.html" title="http://web.mit.edu/bzbarsky/www/test.html">http://web.mit.edu/bzbarsky/www/test.html</a></li> <li>See <a class="external" href="/web-tech/2008/10/10/svg-external-document-references" title="http://developer.mozilla.org/editor/fckeditor/core/editor/web-tech/2008/10/10/svg-external-document-references/">this blog post</a> for more information.</li> </ul> </li>
</ul>
<h4>버그 수정</h4>
<ul> <li>id references are now live ({{ Bug("344258") }}).<span class="comment">Expand Me</span></li> <li>filters now works for foreignObject ({{ Bug("445079") }}).</li>
</ul>
<h3 name="For_XUL_and_application_developers">XUL과 응용프로그램 개발자를 위한 사항</h3>
<h4 name="New_features">새로운 기능들</h4>
<ul> <li>The XUL <code><a class="internal" href="/en/XUL/textbox" title="En/XUL/Textbox">textbox</a></code> widget now offers a <code><a class="internal" href="/en/XUL/Attribute/textbox.type" title="En/XUL/Attribute/Textbox.type">search</a></code> type, for use as search fields ({{ Bug("388811") }}).</li> <li>Drag and drop of tabs between windows ({{ Bug("113934") }}).  This adds {{ XULMeth("swapDocShells") }} method to the <a class="internal" href="/en/XUL/browser" title="en/XUL/browser">browser</a> widget..</li> <li>The {{ XULAttr("panel.level") }} attribute of {{ XULElem("panel") }} element is used to specify whether panels appear on top of other applications or just the window the panel is contained within. ({{ Bug("451015") }}).</li> <li>Cross-site XMLHttpRequest is now supported ({{ Bug("389508") }}).</li> <li><a class="external" href="/En/Using_XMLHttpRequest#Monitoring_progress" title="http://developer.mozilla.org/editor/fckeditor/core/editor/En/Using_XMLHttpRequest#Monitoring_progress">Progress events for XMLHttpRequest</a> are now supported.  See also the {{ interface("nsIDOMProgressEvent") }}, {{ interface("nsIXMLHttpRequestEventTarget") }}, and {{ interface("nsIXMLHttpRequestUpload") }} interfaces.</li> <li>Native JSON support ({{ Bug("387522") }}).</li> <li>Private browsing.  See <a class="external" href="http://ehsanakhgari.org/blog/2008-10-19/first-bits-private-browsing-patch-landed" title="http://ehsanakhgari.org/blog/2008-10-19/first-bits-private-browsing-patch-landed">this blog post</a> for initial information.</li>
</ul>
<h4 name="Changes_to_interfaces">인터페이스 변경 사항</h4>
<ul> <li>{{ Interface("mozIStorageStatement") }} had the <code>initialize()</code> method removed as per {{ Bug("434796") }}. Consumers should use the {{ Ifmethod("mozIStorageConnection", "createStatement") }} method instead to get a new statement object.</li> <li>Asynchronous storage statements ({{ Bug("429986") }} and {{ Bug("458811") }}).</li>
</ul>
<h3 name="Notable_bugs_fixed">테마 개발자를 위한 사항</h3>
<p><a class="internal" href="/En/Theme_changes_in_Firefox_3.1" title="En/Theme changes in Firefox 3.1">Theme changes in Firefox 3.1</a>를 참고하세요.</p>
<h3 name="Notable_bugs_fixed">주의할 버그 수정</h3>
<ul> <li>&lt;keyset&gt;s now can be removed ({{ Bug("437640") }}).</li>
</ul>
<h3 name="See_also">기타 참고 사항</h3>
<ul> <li>{{ mediawiki.interwiki('wikimo', 'Firefox3.1', 'Firefox 3.1 planning center') }}</li> <li><a href="/en/Firefox_3_for_developers" title="en/Firefox_3_for_developers">Firefox 3 for developers</a></li> <li><a href="/en/Firefox_2_for_developers" title="en/Firefox_2_for_developers">Firefox 2 for developers</a></li> <li><a href="/en/Firefox_1.5_for_developers" title="en/Firefox_1.5_for_developers">Firefox 1.5 for developers</a></li>
</ul>
<p>{{ languages( { "en": "en/Firefox_3.1_for_developers", "fr": "fr/Firefox_3.1_pour_les_d\u00e9veloppeurs", "ja": "ja/Firefox_3.1_for_developers", "zh-tw": "zh_tw/Firefox_3.1_技術資訊" } ) }}</p>
Revert to this revision