Since the release of Firefox 3, we have been striving to provide new functions for web developers. We think it is necessary to write a blog post to precisely list all the features we know but may not yet know. This blog post includes all the work we have done in the R & D process of about three previous releases, and has concentrated on the new features in version 3.6 because the translation editor does not support CSS3, in the original text, the 3.6 mark is replaced by bold ). Enjoy it!
Since the release of Firefox 3, we have been striving to provide new functions for web developers. We think it is necessary to write a blog post to precisely list all the features we know but may not yet know. This blog post includes all the work we have done in the R & D process of about three previous releases. It also focuses on the new features in version 3.6 that are not supported by the translation editor CSS3, in the original text, the 3.6 mark is replaced by bold ).
Enjoy it!
CSS
-
@ Font-face
-
Use a font on the network to display text 3.6: supports WOFF and TTF fonts)
-
Pointer-events
-
Point wear element 3.6 allows you to click a specified element at the underlying layer of an element)
-
:-Moz-locale-dir (ltr/rtl) 3.6
-
Determine whether the content is arranged from left to right (ltr) or from right to left (rtl)
-
: Indeterminate pseudo class 3.6
-
Apply the style to "uncertain" Single-choice or multiple-choice boxes.
-
Read Media query Media Queries)
-
Select CSS based on the font size, width/height ratio, color, device trend, and resolution of the reading media. 3.6 added a category to determine whether a handheld device is used.
-
Combination of pseudo classes
-
: Nth-child,: nth-last-child,: nth-of-type,: nth-last-of-type ,...
-
-Moz-border-radius
-
Rounded border
-
CSS Conversion
-
Zoom, translate, tilt, or rotate Elements
-
CSS gradient 3.6
-
Apply a linear or radiant gradient to the background
-
Multi-Background 3.6
-
Image, gradient, and other objects are used as the same background.
-
Background 3.6
-
Define the size of the background image
-
CSS breakdown
-
Display content in different columns
-
Text shadow
-
Text shadow
-
Box shadow
-
Shadows around Elements
-
Border Image
-
Use an image as an element border
-
Rem length unit: 3.6
-
Scale an element based on the Root text element
-
Image Rendering Algorithm 3.6
-
Optimized image scaling speed and quality
XMLHttpRequest
-
Cross-origin XMLHttpRequest
-
Allow XMLHttpRequest requests pointing to other domains
-
Request progress monitoring
-
Calculate the upload/download percentage
-
Send binary data 3.6
-
Send non-ASCII content
-
Read Binary data from the request
-
Read the binary data sent by the server from the XMLHttpRequest request
Disconnection Function
-
Offline and online events
-
Notification when the browser enters online or offline mode
-
LocalStorage Local Storage
-
Permanent data storage
-
HTML5 application Cache
-
Create an application for Firefox's offline work
Content Processing
-
Video tag (poster attribute 3.6)
-
Embed videos directly into webpages
-
Audio tag
-
Embed audio files into webpages
-
Canvas Element
-
Use JavaScript to plot bitmap data
-
PNG Animation
-
Dynamic and transparent PNG Images
-
SVG support
-
Draw and manipulate vector images to capture events
-
ForeignObject External Object
-
Add HTML content to SVG elements
-
Apply SVG special effects and transformations to pure old HTML content
-
CSS mask, SVG cropping path clip-path) or filter
Interaction
-
Drag and Drop on pages
-
Fully supports drag-and-drop operations within web Applications
-
Drag and Drop File 3.6 from the desktop
-
Drag files directly from the operating system into your webpage
-
DNS pre-load
-
Accelerate webpage loading through DNS pre-loading technology
-
Positioning
-
Retrieve GPS coordinates or 3.6 street addresses
-
Mouse gesture event
-
Click, zoom in, and rotate on the mouse panel
-
Detect Device Trend
-
Events that detect machine trends
-
Web-based protocol processing
-
Create a web application that supports the "mailto:" or "phone:" protocol.
-
Detection documentation width and height change 3.6
-
When the size of a document is changed
-
Communication between windows and frames
-
Securely send information from one document to another
JavaScript and API
-
Original JSON support
-
Codec JavaScript objects securely and quickly
-
Web Workers
-
Execute JavaScript code in a separate thread
-
File API 3.6
-
Reads binary content from the files provided by the drag-and-drop and file upload controls
-
QuerySelector check Selector
-
Search for elements in a webpage using the CSS Selector
-
ClassList list 3.6
-
Easy control of classes with specific elements
-
Latency and asynchronous 3.6 attributes of script elements
-
Improve page loading performance through new script Properties
-
Related Articles]
- Is Opera, IE, and Firefox safer than Safari?
- Who is the safest browser, Internet Explorer?
- Download: Safari 3.1 browser released by Apple
