Web Browsers And Packages

Release: 2010-07-13
Jump to Web Standards Articles TOC

Google Chrome and other Chromium based browsers

 Google Chrome 5 is a Chromium 5 web browser which is mostly based on Apple's WebKit version 533.4 with some replaced and missing components. This is an open-source, Crystal Level web browser with the WebCore layout engine providing the HTML, XML and CSS while instead of WebKit's new Nitro scripting virtual machine, Chrome uses Google's updated V8 scripting virtual machine which provides high performance JavaScript support. Chrome provides web-standards support for web applications and web pages.
Google Chrome 5 supports:

• HTML 4.01 (HyperText Markup Language);
• HTML 5 'Subset';
• label attribute for option elements;
• Ruby Annotation (HTML 5) (Chrome 4);
• HTML 5's <meta charset="">;
• ' named character reference;
• HTML 5's section, article, aside, nav, header, footer and hgroup elements (Chrome 4);
• keygen element;
• HTML 5 Forms's <input type="search"> and <input type="range">, form validation support for some extra types;
• contenteditable and spell checking support (but not spellcheck attribute);
• canvas Element;
• HTML 5's audio, video and source elements;
• HTML 5 Offline Web Applications support (AppCache, applicationCache API and Events, manifest attribute, manifest format, navigator.onLine property, online and offline body events);
• Sandboxed iframes;
• WAI-ARIA adds support for Accessible Rich Internet Applications;
• Cascade StyleSheets (CSS) level 1, Visual & Interactive and partial Paged level 2.1 provides a realistic way of adding presentation and layout to your document structures;
• Some main and experimental CSS level 3 features;
• The ability to style and script with unknown markup;
• For image support we have GIF89a, JPEG, PNG, Icons (.ico, .png, .jpg, .gif), BMP (Windows Bitmap), XBM (X Bitmap), XPM (X Pixmap) and SVG 1.1;
• Document Object Model (DOM) level 1 (HTML, XML), 99% of level 2 (Core, HTML, XML, Views, Stylesheets, CSS, CSS2, Events, UIEvents, MutationEvents, MouseEvents, HTMLEvents, Traversal, Range), bits of Core DOM 3, XPath DOM 3, TextEvents DOM 3, Bits of DOM 5 HTML exposes documents to scripting interaction;
• JavaScript 1.6 (without multiple catches) and since Chrome 5: some JavaScript 1.8.1 such as trimRight;
• GeoLocation support;
• Drag and Drop API;
• Selectors API level 1 allows an easier way to access parts of the DOM using CSS-like selectors;
• Element Traversal API and the children property;
• Chrome has Google's Gears (Windows edition only, Gears will be removed in a later build) providing Database Storage to allow local database performance and capacity with SQLite, and its support for SQL, to store information beyond the abilities of cookies. Plus local web caching and various extra APIs;
• Also since Chrome 3, to compliment cookies and Gears, Web SQL Database Storage support allow local database performance and capacity with SQLite, and its support for SQL, to store information beyond the abilities of cookies;
• Plus since Chrome 4, support for Web Storage's localStorage for name/value persistent data;
• And since Chrome 5, support for Web Storage's sessionStorage for name/value per session data.

Canvas feature support includes:

• Stroke and fill colours;
• Rectangles;
• Paths;
• rgba/hsla colours;
• Shadows;
• Text;
• Linear and radial gradients;
• Patterns;
• Translations, rotation and scale;
• Bring in pixel images;

CSS level 3 features supported includes:

• hsl(), rgba(), hsla() functions;
• Namespaces Module, most of Media Queries;
• Proper border-radius;
• Multiple Background Images and the opacity property for full gradient transparency;
• some -webkit- properties such as reflections(-webkit-box-reflect), -webkit-border-radius, -webkit-box-sizing;
• Multiple Column Layout, CSS Gradients, Masks, Animation, Transitions, 2D Transforms and some 3D Transforms support with -webkit- prefix;
• text-shadow, -webkit-box-shadow;
• ::selection pseudo-element selector, Structural pseudo-class selectors (like :nth-child, :not, :empty, :first-of-type, etc), :enabled, :disabled and :checked UI state pseudo-class selectors, :target selector;
• @font-face At Rule with multiple src values, local() and format() functions (support for TrueType (Chrome 4), OpenType (Chrome 4), SVG Fonts);

Native Media format support includes:

• OGG Theora Video;
• MPEG4 Video;
• H.264 Video;
• OGG Vorbis Audio;
• AAC / M4A Audio;
• MP3 Audio;

SVG support includes:

• Groups, Titles, Descriptions, metadata, defs and use;
• Stroke and fill;
• Basic shapes (Rectangles, Rounded Corner Rectangles, Lines, Circles, Ellipses, Polylines and Polygons);
• Paths;
• Opacity;
• Text;
• Text on a path;
• Hyperlinkg;
• Clipping, Masks, Markers, Patterns;
• Linear and radial gradients;
• Translations, skews, rotation and scale;
• Bring in pixel images;
• Conditional switch;
• SVG declarative animation;
• foreignObject;
• Supports XHTML video;
• SVG Fonts;
• CSS support;
• SVG Views;
• Scripting support;
• Scripted animation;
• SVG does not integrate with webpage (has white matte background);
• Most SVG Filters (no lighting filters) (Chrome 5);

In the realm of XML:

• eXtensible Markup Language (XML) 1.0 with Namespaces & XML-StyleSheet Processing Instruction (PI);
• eXtensible HyperText Markup Language (XHTML) 1.0, 1.1 and Basic 1.0;
• eXtensible StyleSheet Language Transformations (XSLT) 1 & eXtensible Path Language (XPath) 1 provides the ability to convert extensible document structures into other document structures;
• Scalable Vector Graphics (SVG) 1.1 for ultimate 2-dimensional vector image display, with advanced text and declarative animation & scripted animation, does not support Lighting Filters;

provides an excellent platform for experiencing the World Wide Web.

Chrome passes the Acid 2 Test which tests Cascade Stylesheet (CSS) support. More about the Acid 2 Test from the Web Standards Project (WASP).

Chrome also clocks 100 out of 100, passing all tests, from the Acid 3 Test. Acid 3 tests DOM, scripting, HTML, SVG and various other technologies for Web 2.0. More about the Acid 3 Test from the Web Standards Project (WASP).

In order to allow users to navigate and use interactive webpage features using the keyboard (part of making webpages accessible) Google Chrome provide the following: On MS Windows and Linux you can tab through links and form controls in general. On Apple Mac OS X you can tab through form text boxes and select popup lists only by default. In order to tab through links and form controls in general you need to select All controls in Mac OS X's Keyboard System Preferences on the Keyboard Shortcuts tab.

Google Chrome, SRWare Iron.

Copyright ©2005-2010 Legend Scrolls and Peter Davison. Konqueror logo from the Oxygen Icon Theme, LGPL, and PNG version of the Konqueror logo in the Oxygen Icon Theme from kde-look.org, GPL. All rights reserved.