ie issues with ajax apps
DESCRIPTION
AJAX apps are developed using Web 2.0 technologies (the next generation web applications). The technology standards used in Web 2.0 are based on open standards developed by W3C (World Wide Web Consortium) and IETF (Internet Engineering Task Force). AJAX Apps followed these standards while building the AJAX Apps Web User interface. There are standard compliance tests for web browsers to check whether they are compliant with W3C and IETF standards. Acid3 is the latest testing standard which tests browser compatibility. Microsoft is the only browser vendor which doesn’t follow any standards and fails miserably in Acid 2 and Acid3 tests. These tests focuses on UI rendering – same set of issues faced by the AJAX Apps development team. Apple Safari and Google Chrome scored 100 / 100, while Firefox scored 93 / 100 and Microsoft IE 8.0 scored a miserable 20 / 100. AJAX Apps performs flawlessly in Firefox, Safari, Opera and Google Chrome. We spend a lot of time tweaking the external API’s to support Microsoft IE 7.0 and 8.0. Section 5 let you test your browser and you can see the score for yourself.TRANSCRIPT
![Page 1: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/1.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 1 of 27
IE Issues with Ajax enabled Apps A study on issues faced by the developers
Author: Araf Karsh
Contents
1. Introduction .................................................................................................................................... 3
2. Executive Summary ......................................................................................................................... 3
3. Document Scope.............................................................................................................................. 3
4. Web 2.0 Compliance tests ............................................................................................................... 4
4.1 Acid 2 – Web Standards, Wikipedia .......................................................................................... 4
4.2 Acid 3 – Web standards, Wikipedia .......................................................................................... 4
5. Browser Test Results – IE, Firefox, Safari, Chrome and Opera ........................................................... 5
5.1 Acid 3 Results for Desktop Browsers......................................................................................... 5
5.2 Acid 3 Results for Mobile Browsers .......................................................................................... 6
5.3 Acid 2 Results for Desktop Browsers......................................................................................... 7
6. Case Study: Web 2.0 Applications and IE .......................................................................................... 8
6.1 Apple MobileMe Web 2.0 Application – http://www.me.com/ ................................................. 8
6.2 Google dropped support of Google Wave for IE browsers (all version IE 6 to IE 8) .................... 9
6.3 YouTube will be next to kiss IE 6 support good bye ................................................................. 10
6.4 Google tells users to drop IE 6 ................................................................................................ 10
6.5 'Kill IE6' campaign gains force; 30M Web users get switch pitch - ComputerWorld ................. 11
6.6 IE 6 no more ........................................................................................................................... 11
6.7 Microsoft starts serving IE8 upgrade to enterprises – Article in Computer World ................... 12
6.8 News Articles on IE 7, 8 Issues ................................................................................................ 14
6.9 Next Generation Web Apps .................................................................................................... 14
7. Support for HTML and CSS ............................................................................................................. 15
7.1 Compatibility Guide – HTML5, CSS3, SVG, PNG etc ................................................................. 15
7.1.0 Summary ........................................................................................................................ 15
7.1.1 CSS table display ............................................................................................................. 15
7.1.2 CSS generated content - Candidate Recommendation .................................................... 16
7.1.3 Data URIs - IETF standard ............................................................................................... 16
7.1.4 Canvas (basic support) - Working Draft ........................................................................... 16
![Page 2: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/2.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 2 of 27
7.1.5 Independent JavaScript threading (Web Workers) - Working Draft ................................. 17
7.2 Microsoft IE Program Manager: Chris Wilson ......................................................................... 18
8. JavaScript Engine Performance comparison .................................................................................. 19
8.1 SunSpider Test ....................................................................................................................... 19
8.2 Dromaeo with DOM ............................................................................................................... 19
9. Browser market share and Trends ................................................................................................. 20
9.1 Stats by W3Counter.com – October 2009 ............................................................................... 20
9.2 Browser Statistics Month by Month – http://www.w3schools.com/ ....................................... 20
9.3 Net Applications stats ............................................................................................................ 21
10. Conclusion ................................................................................................................................. 23
11. Appendix ................................................................................................................................... 24
11.1 Microsoft HTML Support Matrix ............................................................................................. 24
11.2 IE 8.0 pull down issues with data elements............................................................................. 27
![Page 3: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/3.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 3 of 27
1. Introduction
The objective of this document is to highlight the issues with IE browser with modern Web
Applications and highlight Microsoft’s inability to support open standards (from W3C and IETF) which
the whole world follows.
2. Executive Summary
AJAX apps are developed using Web 2.0 technologies (the next generation web applications).
The technology standards used in Web 2.0 are based on open standards developed by W3C (World Wide
Web Consortium) and IETF (Internet Engineering Task Force). AJAX Apps followed these standards while
building the AJAX Apps Web User interface. There are standard compliance tests for web browsers to
check whether they are compliant with W3C and IETF standards. Acid3 is the latest testing standard
which tests browser compatibility. Microsoft is the only browser vendor which doesn’t follow any
standards and fails miserably in Acid 2 and Acid3 tests. These tests focuses on UI rendering – same set of
issues faced by the AJAX Apps development team.
Apple Safari and Google Chrome scored 100 / 100, while Firefox scored 93 / 100 and Microsoft
IE 8.01 scored a miserable 20 / 100. AJAX Apps performs flawlessly in Firefox, Safari, Opera and Google
Chrome. We spend a lot of time tweaking the external API’s to support Microsoft IE 7.0 and 8.0. Section
5 let you test your browser and you can see the score for yourself.
3. Document Scope
Purpose of the document is to introduce various standard browser compatibility test cases and
see how each browser fares and where Microsoft IE 8.0 standards today when the world is moving
towards Web 2.0 applications. Following section explains these testing standards, test results, case
studies, documentation from Microsoft MSDN discussing about support on various standards etc.
1 Web 2.0 compliance Tests (Acid)
2 Test results comparison of various browsers
3 Case Study: Apple MobileMe doesn’t support IE browser
4 Microsoft MSDN Report on standards compliance
5 Performance Requirement for the Web 2.0 applications
6 Browser market share
1 In my system IE 8.0 scored 13 / 100
![Page 4: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/4.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 4 of 27
4. Web 2.0 Compliance tests
4.1 Acid2 2 – Web Standards, Wikipedia
Acid2 is a test page published and promoted by the Web Standards Project to expose web
pagerendering flaws in web browsers and other applications that render HTML. Named after the acid
test for gold, it was developed in the spirit of Acid1, a relatively narrow test of compliance with
theCascading Style Sheets 1.0 (CSS1) standard, and was released on April 13, 2005. As with Acid1, an
application passes the test if the way it displays the test page matches a reference image.
Acid2 tests aspects of HTML markup, CSS 2.1 styling, PNG images, and data URIs. The Acid2 test page
will be displayed correctly in any application that follows the World Wide Web Consortium (w3c) and
Internet Engineering Task Force (IETF) specifications for these technologies. These specifications are
known as web standards because they describe how technologies used on the web are expected to
function. The creators of Acid2 were dismayed that Internet Explorer did not follow web standards, and
that because of this, Internet Explorer was prone to display web pages differently from other browsers.
When such a discrepancy between browsers is encountered, web developers spend time tweaking their
web pages in order to make the pages be displayed correctly across different browsers.
On October 31, 2005, Safari 2.0.2 became the first browser to pass Acid2. Opera, Konqueror, Firefox,
and others followed. With the release of Internet Explorer 8 on March 19, 2009, the latest versions of all
major web browsers now pass the Acid2 test. Acid2 was followed by Acid3.
4.2 Acid 3 – Web standards, Wikipedia
Acid3 test displays a gradually increasing percentage counter with colored rectangles in the background.
The percentage displayed is based on the number of subtests passed. It does not represent an actual
percentage of conformance as the test does not keep track of how many of the subtests were actually
started (100 is assumed). In addition to these the browser also has to render the page exactly like the
reference page is rendered in the same browser. Like the text of the Acid2 test, the text of the Acid3
reference rendering is not a bitmap, in order to allow for certain differences in font rendering.
Acid3 was in development from April 2007,[1]
and released on 3 March 2008.[2]
The main developer
was Ian Hickson, who also wrote the Acid2 test. Acid2 focused primarily on Cascading Style Sheets, but
this third Acid test focuses also on technologies used on modern, highly interactive websites
characteristic of Web 2.0, such as ECMAScript and DOM Level 2. A few subtests also concern Scalable
Vector Graphics (SVG), XML, and data URIs. Controversially, it includes several elements from
the CSS2 recommendation that were later removed in CSS2.1 but reintroduced in W3C CSS3 working
drafts that have not made it to candidate recommendations yet.
2 Acid - http://www.webstandards.org/action/acid2/guide/
![Page 5: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/5.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 5 of 27
5. Browser Test Results – IE, Firefox, Safari, Chrome and Opera
You can do this test by typing the following URL in your browser
Acid 3 - http://acid3.acidtests.org/
Acid 2 - http://acid2.acidtests.org/
5.1 Acid 3 Results for Desktop Browsers
Apple Safari and Google Chrome scored 100 / 100 and Firefox scored 93 / 100 while Microsoft IE 8.0
scored a miserable 20 / 100 (in my system IE scored 13 / 100).
Desktop layout engine progress for the Acid3 test
Layout engine Major browsers Screen shot of latest release
at time of Acid3 release Screen shot of current release Screen shot of preview release
WebKit
Safari
41/100
Safari 3.0.4
100/100 (passing)
Safari 4.0.2
(WebKit 530.19.1)
None
Google Chrome None
100/100 (linktest failed)
Google Chrome 2.0.172.37
(WebKit 530.5)
100/100
Chromium
Presto Opera
46/100
Opera 9.27
85/100
Opera 9.64
100/100
Opera
Gecko Mozilla Firefox
52/100
Mozilla Firefox 2.0.0.12
93/100
Mozilla Firefox 3.5.1
94/100
Mozilla Firefox[24][25]
Trident Internet Explorer
14/100
Internet Explorer 7.0
20/100
Internet Explorer 8.0
None
![Page 6: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/6.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 6 of 27
5.2 Acid 3 Results for Mobile Browsers
Layout
engine Major browsers
Screen shot of latest release
at time of Acid3 release Screen shot of current release Screen shot of preview release
WebKit
Iris Browser None
100/100
Iris Browser 1.1.7
None
Mobile Safari
40/100
Mobile Safari 3.0
97/100
Mobile Safari 4.0
(WebKit 528.18)
100/100
IPhone OS X v3.1 Beta1
(Non-Passing)
Android browser None
93/100
Android 1.5
None
Nokia Mini Map
Browser
47/100
S60 5th Edition
None
Presto
Opera Mobile
2/100
Opera Mobile 8.65
2/100
Opera Mobile 8.65
100/100
Opera Mobile 9.7b1[27]
Opera Mini
80/100
Opera Mini 4.1.1.11320
None
Gecko Fennec None None
94/100
Fennec[28]
BlackBerry BlackBerry Browser
54/100
None
NetFront PSP Browser
11/100
NetFront 3.5
None
![Page 7: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/7.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 7 of 27
5.3 Acid 2 Results for Desktop Browsers
Test URL http://acid2.acidtests.org/
Chrome 2.0 Firefox 3.5.1 Safari 3.2
Opera 9.6 IE 8.0 IE 7.0
![Page 8: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/8.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 8 of 27
6. Case Study: Web 2.0 Applications and IE
6.1 Apple MobileMe Web 2.0 Application – http://www.me.com/
Apple stopped the support of IE with the launch of MobileMe application in the net. Internet Explorer 7 has known
compatibility issues with modern web standards which affect Web 2.0 applications such as MobileMe. You can use Internet
Explorer 7, but you will not have access to all MobileMe features and will experience slower performance.
IE 8.0
Apple’s MobileMe Web
2.0 application is
supported in all modern
web browsers except IE
Chrome 2.0
![Page 9: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/9.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 9 of 27
6.2 Google dropped support of Google Wave for IE browsers (all version IE 6 to IE 8)
Chrome Frame – Article in New York Times
When Google launched Chrome Frame, it's Internet Explorer plugin that can replace the IE rendering engine with
Google Chrome, the Wave team already announced that it would support this feature. And indeed, when you go to
the Wave homepage with IE, you will now be prompted to install Chrome Frame. As Lars Rasmussen told us, the
team is very enthusiastic about Chrome Frame, as it allows the developers to focus on features instead of making
sure that Wave runs in Internet Explorer.
In our own experience, Wave definitely works best in Chrome. It will work just fine in Safari and Firefox, though for
the most fluid experience, Chrome is currently the best browser.
Following screen shot shows the support of Chrome plugin in IE browser and using open tests to test the compatibility.
![Page 10: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/10.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 10 of 27
6.3 YouTube will be next to kiss IE 6 support good bye
by Robin Wauters on July 14, 2009
Judging by this screenshot taken by an IE6 user who was watching some videos on YouTube, it
appears the Google company will be phasing out support for the browser shortly. I don’t have Internet
Explorer 6 installed on my computer, so I can’t verify this first hand, but illogical it seems not and a
simple Twitter search shows multiple people confirming the news. Heck, some are even downright
ecstatic over the news.
Read more .. http://www.techcrunch.com/2009/07/14/youtube-will-be-next-to-kiss-ie6-support-
goodbye/
6.4 Google tells users to drop IE 6
By Christian ZibregWednesday, 31 December 2008 08:49 Chicago (IL) - Taking a page out of Apple’s book, Google is now urging Gmail users to drop
Internet Explorer 6 (IE6) in favor of Firefox or Chrome that, according to the company, run
the popular web-based email service "twice as fast." Google also labels IE6 as an
unsupported browser, meaning it fails to run some Gmail features.
Following recent release of Chrome 1.0, Google is increasing the visibility of the browser. In addition
to a direct download link on Google.com, YouTube and within the Adsense advertising program, the
company is now advising Gmail users who access the service with IE6 to ditch the browser and
upgrade to Firefox 3 or Chrome. Google claims the two browsers run the popular webmail service
"twice as fast".
IE6 users are greeted with a new "Get faster Gmail" message in the menu bar of the web interface.
The link leads to a page that promotes Chrome and Firefox 3. "Browsers are getting faster and better
at running web applications like Google Mail that use browser technology to its limits," the page reads.
"In order to get the best experience possible and make Google Mail run an average of twice as fast,
we suggest that you upgrade your browser to one of the fastest Google Mail supported browsers that
![Page 11: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/11.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 11 of 27
work on Windows." The page offers direct download links for Firefox 3 and Chrome. IE7 and Apple's
Safari are listed as supported Gmail browsers.
Read more .. http://www.tgdaily.com/software-features/40785-google-tells-users-to-drop-ie6
6.5 'Kill IE6' campaign gains force; 30M Web users get switch pitch - ComputerWorld
'You are using an outdated browser' offer follows similar moves by Facebook, YouTube
By Gregg Keizer - August 5, 2009 01:06 PM ET
Computerworld - The campaign to kill Internet Explorer 6 (IE6) gathered steam this week when a
California site builder led nearly 40 Web start-ups to urge their users to ditch Microsoft's eight-year-old
browser.
Microsoft acknowledged it's pushing IE6 users to upgrade to the newer IE8, but again promised it would
support the creaky browser until April 2014.
The anti-IE6 move followed reports last month that Google's YouTube was doing the same, that Digg
would soon curtail support for the ancient browser and a petition on Twitter collected nearly 10,000
signatures supporting the effort. Facebook has been prompting IE6 users to swap out their browsers
since February 2009.
"Developers can't wait until IE6 is gone," said David Rusenko, the CEO of Weebly, the San Francisco Web
site creation and hosting company that's leading the newest campaign. Weebly has more then 2.2
million users, said Rusenko, and used connections with the venture capitalists who funded the firm to
reach out to the 38 sites that have joined its campaign.
Read more ..
http://www.computerworld.com/s/article/9136286/_Kill_IE6_campaign_gains_force_30M_Web
_users_get_switch_pitch
6.6 IE 6 no more
Why?
Enough is enough. Microsoft Internet Explorer 6 was released in late 2001. For its time, it was a
decent browser, but in 2009, it is still in use by a significant portion of the web population, and
its time is now up.
As any web developer will tell you, working with IE 6 is one of the most difficult and frustrating
things they have to deal with on a daily basis, taking up a disproportionate amount of their
time. Beyond that, IE 6's support for modern web standards is very lacking, restricting what
developers can create and holding the web back.
Read more .. http://www.ie6nomore.com/
![Page 12: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/12.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 12 of 27
6.7 Microsoft starts serving IE8 upgrade to enterprises – Article in Computer World
Makes good on promise, pushes new browser to businesses via WSUS - By Gregg Keizer
August 26, 2009 12:59 PM ET
Computerworld - As promised more than a month ago, Microsoft Corp. yesterday began
pushing Internet Explorer 8 to enterprises via Windows Server Update Services (WSUS).
The IE8 upgrade for Windows XP, Vista, Server 2003 and Server 2008 was cast as an "Update
rollup" to WSUS, Microsoft's most popular tool for deploying patches within businesses.
Read more .. http://www.computerworld.com/s/article/9137150/Microsoft_starts_serving_IE8_upgrade_to_enterprises
What about the corporate users?
We've set up a page specifically to address this question.
Who?
![Page 13: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/13.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 13 of 27
![Page 14: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/14.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 14 of 27
To have your logo featured here, please implement the IE6 no more code on your site, and then
email [email protected] with your site address and a copy of your logo.
6.8 News Articles on IE 7, 8 Issues
Internet Explorer has never properly supported HTML and CSS standards but developers worked around these
incompatibilities. With the more standards-compliant IE8, many of these hacks won't be needed, but should an IE8
browser hit an older page, the layout may not render correctly unless the user is employing Microsoft's special
compatibility mode.
https://www.networkworld.com/slideshows/2009/040609-next-gen-
browser.html?ts0hb&story=ts_ff35#slide6
https://www.networkworld.com/slideshows/2009/040609-next-gen-
browser.html?ts0hb&story=ts_ff35#slide7
6.9 Next Generation Web Apps
Mozilla says its main goal from now on will be to turn Firefox into the ideal platform for running Web-
based applications. It shares the belief, also fervently embraced by Google that consumers will gradually
migrate away from programs stored on their computers’ hard disks to those stored in “the Cloud,” the
industry’s term for the servers that run the Internet.
Browser Comparison (Article from Wall Street Journal)
While Firefox 3.5 is about twice as fast as the previous version 3.0, and handily beat Internet Explorer 8
in my tests, it lagged behind both Safari 4.02 and the beta edition of Chrome 2.0 a bit in most test
scenarios. Overall, Safari was fastest in most of my tests, both on Mac and Windows (yes, Apple makes a
little-known version of Safari for Windows).
http://online.wsj.com/article/SB10001424052970204271104574290451340763322.html
Faster JavaScript (Article from Network World)
Speed is a primary battleground in the browser wars, and Mozilla says its new TraceMonkey engine
makes JavaScript twice as fast as Firefox 3. By recent estimates, that puts Firefox 3.5a bit closer to
Safari while leaving Internet Explorer 8 in the dust. Microsoft may very well claim that JavaScript is little
more than a "drag race," but it couldn't hurt to quietly work on getting competitive.
http://www.networkworld.com/news/2009/063009-5-features-ie-will-likely.html?hpg1=bn
![Page 15: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/15.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 15 of 27
7. Support for HTML and CSS3
7.1 Compatibility Guide4 – HTML5, CSS3, SVG, PNG etc
This section shows the compatibility of various browsers with open standards. The Following summary
chart shows the compatibility percentage of each browser.
7.1.0 Summary Calculation of support of currently displayed feature lists
Internet Explorer Firefox Safari Chrome Opera
Far Past 6.0: 4% 2.0: 34% 3.1: 42% 1.0: 53% 9.0: 34%
Past 7.0: 12% 3.0: 47% 3.2: 66% 1.0: 53% 9.0: 34%
Present 8.0: 29% 3.5: 78% 4.0: 87% 2.0: 76% 9.6: 57%
Near Future (2009) 8.0: 29% 3.5: 78% 4.*: 89% 2.*: 80% 10.0: 62%
Future (2010 or later) 9.0: 29% 4.0: 86% 4.*: 89% 3.0: 83% 10.*: 71%
Legend
Supported Not Supported Partially Supported Support Unknown
This section highlights the key areas required for AJAX APPS and how each browser is compatible for
those feature sets.
7.1.1 CSS table display - Candidate Recommendation
Method of displaying elements an tables, rows, and cells
Resources: Detailed article on usage
Internet Explorer Firefox Safari Chrome Opera
Far Past 6.0 2.0 3.1 1.0 9.0
Past 7.0 3.0 3.2
Present 8.0 3.5
4.0 2.0 9.6
Near Future (2009) 4.*
2.* 10.0
Future (2010 or later) 9.0 4.0 3.0 10.*
Conclusion: Not ready. Waiting for Internet Explorer 7 to expire
3 Cascading Style Sheet
4 Guide – http://a.deveria.com/caniuse/
![Page 16: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/16.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 16 of 27
Legend
Supported Not Supported Partially Supported Support Unknown
7.1.2 CSS generated content - Candidate Recommendation Method of displaying text or images before or after elements
Resources: Examples of different types of generated content
Internet Explorer Firefox Safari Chrome Opera
Far Past 6.0 2.0 3.1 1.0 9.0
Past 7.0 3.0 3.2
Present 8.0 3.5
4.0 2.0 9.6
Near Future (2009) 4.*
2.* 10.0
Future (2010 or later) 9.0 4.0 3.0 10.*
Conclusion: Not ready. Waiting for Internet Explorer 7 to expire
7.1.3 Data URIs - IETF standard Method of embedding images and other files in webpages as a string of text.
Resources: Example image Inline Images with Data URLs Wikipedia
Internet Explorer Firefox Safari Chrome Opera
Far Past 6.0 2.0 3.1 1.0 9.0
Past 7.0 3.0 3.2
Present 8.0 3.5
4.0 2.0 9.6
Near Future (2009) 4.*
2.* 10.0
Future (2010 or later) 9.0 4.0 3.0 10.*
Conclusion: Not ready. Waiting for Internet Explorer 7 to expire
Note: Support in Internet Explorer 8b2 is limited to images and linked resources like CSS files, not HTML files. Max
URI length is 32KB.
7.1.4 Canvas (basic support) - Working Draft Method of generating dynamic graphics using JavaScript
Resources: Wikipedia Tutorial by Mozilla Animation kit experiment Implementation for Internet Explorer
Internet Explorer Firefox Safari Chrome Opera
Far Past 6.0 2.0 3.1 1.0 9.0
Past 7.0 3.0 3.2
Present 8.0 3.5
4.0 2.0 9.6
Near Future (2009) 4.*
2.* 10.0
Future (2010 or later) 9.0 4.0 3.0 10.*
Conclusion: Not ready. Waiting for Internet Explorer 8 to expire
![Page 17: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/17.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 17 of 27
Legend
Supported Not Supported Partially Supported Support Unknown
7.1.5 Independent JavaScript threading (Web Workers) - Working Draft Method of running scripts in the background, isolated from the web page
Resources: Web Worker demo
Internet Explorer Firefox Safari Chrome Opera
Far Past 6.0 2.0 3.1 1.0 9.0
Past 7.0 3.0 3.2
Present 8.0 3.5
4.0 2.0 9.6
Near Future (2009) 4.*
2.* 10.0
Future (2010 or later) 9.0 4.0 3.0 10.*
Conclusion: Not ready. Waiting for Internet Explorer 8, Opera 10 to expire
Note: Support in Chrome uses the auto-included Gears plug-in. Functions are similar, but not the same.
![Page 18: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/18.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 18 of 27
7.2 Microsoft IE Program Manager: Chris Wilson
In its browser blog, MSFT acknowledged that IE 7 would not pass the Web Standards Project's Acid2
test, which examines a browser's support for W3C (World Wide Web Consortium) recommendations
including CSS1 (Cascading Style Sheets), HTML4 and PNG (Portable Network Graphics).
"We will not pass this (Acid2) test when IE7 ships," Chris Wilson, lead program manager for the Web
platform in IE, wrote in the IE blog. "We fully recognize that IE is behind the game today in CSS support.
We've dug through the Acid2 test and analyzed IE's problems with the test in some great detail, and
we've made sure the bugs and features are on our list--however, there are some fairly large and difficult
features to implement, and they will not all sort to the top of the stack in IE7."
Standards advocates and Web developers have criticized MSFT for letting Internet Explorer go without a
significant upgrade for years. http://www.webdesignsnow.com/news/080205a.html
Internet Explorer 8 was released as a beta around February of 2008. About the time of the beta release
Microsoft announced that the IE 8 had passed the Acid2 test. Everyone was shocked that Microsoft
actually was able to get a version of IE to even past the test, since everyone’s view is that Microsoft has
turned their back on industry standards. On March 19th, Microsoft finally released the final version of
IE.
http://www.acomment.net/internet-explorer-8-microsoft-starting-to-comply-with-industry-
standards/672
Following section is from Microsoft MSDN (http://msdn.microsoft.com/hi-in/library/cc817571(en-
us).aspx) showing hardly any support for IE 7.0 on industry standards. These standards play an
important role in AJAX application.
CSS Support
Support for the CSS standard has steadily improved with each new version of Windows Internet
Explorer, culminating in full support for CSS 2.1. The following tables show, at-a-glance, the various
improved CSS properties supported in Windows Internet Explorer 8 as compared to Windows Internet
Explorer 7. These tables do not show a comprehensive list of CSS properties supported by Windows
Internet Explorer 8; they show only the CSS properties that either were not supported or were only
partially supported in Windows Internet Explorer 7 but that are now supported in Windows Internet
Explorer 8. For more information regarding CSS compatibility in Windows Internet Explorer and
expanded CSS element support tables, see CSS Compatibility and Internet Explorer.
![Page 19: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/19.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 19 of 27
8. JavaScript Engine Performance comparison
8.1 SunSpider5 Test
Let's start by taking a look at some results from WebKit's SunSpider test (which covers a wide selection of pure-JavaScript functionality). Here is the breakdown:
We see a fairly steady curve, heading down to Chrome (ignoring the Internet Explorer outliers). Chrome is definitely the fastest in these results - although the results from the new TraceMonkey engine aren't included.
We already see TraceMonkey (under development for about 2 months) performing better than Chrome V8 6 (under development for about 2 years). Firefox 3.5 is released with new TraceMonkey Engine.
8.2 Dromaeo with DOM
Finally, let's take a more holistic look at JavaScript performance. I've (John) been working on the Dromaeo test suite, adding in a ton of new DOM and JavaScript library tests. This assortment provides a much stronger look at how browsers might perform under a normal web browsing situation.
Considering that most web pages are being held back by the performance of the DOM (think table sorters and the like) and not, necessarily, the performance of JavaScript (games, graphics) it's important to look at these particular details for extended analysis
The results of a run against the JavaScript, DOM, and library tests (thanks to Asa Dotzler for helping me run the tests): No results for IE were provided as the browser crashes when running the tests.
5 Performance – http://ejohn.org/blog/javascript-performance-rundown/
6 Chrome V8 – JavaScript Engine : http://code.google.com/p/v8/
V8 benchmark suite - http://v8.googlecode.com/svn/data/benchmarks/v5/run.html
![Page 20: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/20.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 20 of 27
9. Browser market share and Trends
There is a misconception the IE is the current market leader. Look at the following trend which
will show a different picture. IE 6.0 was released in 2000 which is an outdated browser.
9.1 Stats by W3Counter.com – October 2009
Web Browsers
1 Internet Explorer 7.0 19.33%
2 Internet Explorer 8.0 19.06%
3 Firefox 3.5 18.74%
4 Internet Explorer 6.0 12.83%
5 Firefox 3.0 11.59%
6 Safari 4.0 4.37%
7 Chrome 3.0 3.90%
8 Firefox 2.0 1.56%
9 Opera 10.0 0.93%
10 Opera 9.6 0.57%
Source: w3counter http://www.w3counter.com/globalstats.php
9.2 Browser Statistics Month by Month – http://www.w3schools.com/
2009 IE8 IE7 IE6 Firefox Chrome Safari Opera
October 12.8% 14.1% 10.6% 47.5% 8.0% 3.8% 2.3%
September 12.2% 15.3% 12.1% 46.6% 7.1% 3.6% 2.2%
August 10.6% 15.1% 13.6% 47.4% 7.0% 3.3% 2.1%
July 9.1% 15.9% 14.4% 47.9% 6.5% 3.3% 2.1%
June 7.1% 18.7% 14.9% 47.3% 6.0% 3.1% 2.1%
May 5.2% 21.3% 14.5% 47.7% 5.5% 3.0% 2.2%
![Page 21: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/21.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 21 of 27
April 3.5% 23.2% 15.4% 47.1% 4.9% 3.0% 2.2%
March 1.4% 24.9% 17.0% 46.5% 4.2% 3.1% 2.3%
February 0.8% 25.4% 17.4% 46.4% 4.0% 3.0% 2.2%
January 0.6% 25.7% 18.5% 45.5% 3.9% 3.0% 2.3%
Source: w3schools http://www.w3schools.com/browsers/browsers_stats.asp
9.3 Net Applications stats
Global usage share data from: Net Applications
Date Internet
Explorer Netscape Mozilla Firefox Opera Safari Chrome Source
2009 Q2 65.85% 0.56% 0.09% 22.39% 0.70% 8.46% 1.74% 2009 Q2
2009 Q1 67.26% 0.64% 0.08% 21.78% 0.70% 8.18% 1.17% 2009 Q1
2008 Q4 69.80% 0.52% 0.08% 20.66% 0.72% 7.18% 0.87% 2008 Q4
2008 Q3 72.22% 0.68% 0.09% 19.48% 0.71% 6.39% 0.26% 2008 Q3
2008 Q2 73.81% 0.62% 0.11% 18.43% 0.71% 6.14%
2008 Q2
2008 Q1 75.06% 0.62% 0.33% 17.35% 0.67% 5.78%
2008 Q1
2007 Q4 77.37% 0.64% 0.09% 15.84% 0.62% 5.24%
2007 Q4
2007 Q3 78.85% 0.76% 0.11% 14.69% 0.51% 4.80%
2007 Q3
2007 Q2 78.76% 0.83% 0.15% 14.92% 0.46% 4.66%
2007 Q2
2007 Q1 79.38% 0.77% 0.19% 14.35% 0.50% 4.70%
2007 Q1
2006 Q4 80.69% 0.86% 0.23% 13.50% 0.56% 4.06%
2006 Q4
2006 Q3 82.88% 0.88% 0.26% 11.89% 0.62% 3.30%
2006 Q3
2006 Q2 84.03% 0.98% 0.32% 10.67% 0.57% 3.25%
2006 Q2
2006 Q1 85.01% 1.09% 0.36% 9.77% 0.53% 3.10%
2006 Q1
2005 Q4 85.88% 1.25% 0.43% 9.00% 0.54% 2.80%
2005 Q4
2005 Q3 86.74% 1.92% 0.48% 7.97% 0.55% 2.24%
2005 Q3
2005 Q2 87.24% 1.62% 0.59% 8.08% 0.52% 1.89%
2005 Q2
2005 Q1 89.02% 1.89% 0.67% 6.17% 0.49% 1.70%
2005 Q1
2004 Q4 91.35% 2.09% 0.80% 3.66% 0.51% 1.50%
2004 Q4
![Page 22: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/22.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 22 of 27
![Page 23: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/23.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 23 of 27
10. Conclusion
Current set of Modern Web Browsers are far superior in performance and handling UI function
in comparison to IE. Acid test proves UI rendering. Browsers like Safari, Chrome and Firefox released the
latest version with high performance JavaScript Engines. This will be a key element for Web 2.0
applications. Until Microsoft comes out with release (IE 9 or IE 10) which supports new standards, issues
will crop up in IE browsers.
![Page 24: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/24.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 24 of 27
11. Appendix
11.1 Microsoft HTML Support Matrix
A value of "Partial" in a cell indicates that that feature is only partially implemented in that version of
Windows Internet Explorer. For more information, click the link to view that feature's reference page on
MSDN. http://msdn.microsoft.com/hi-in/library/cc817571(en-us).aspx
Pseudo-classes
CSS 2.1 IE 7.0 IE 8.0
:active { sRules } :active Partial Yes
:after { sRules } :after No Yes
:before { sRules } :before No Yes
:focus { sRules } :focus No Yes
:lang(C) { sRules } :lang() No Yes
Lists
CSS 2.1 IE 7.0 IE 8.0
{ list-style-type : sStyle } list-style-type Partial Yes
Color and Background
CSS 2.1 IE 7.0 IE 8.0
{ background-position : sPosition } background-position Partial Yes
Font and Text
CSS 2.1 IE 7.0 IE 8.0
{ font-weight : sWeight } font-weight Partial Yes
{ white-space : sWrap } white-space Partial Yes
{ word-spacing : sSpacing } word-spacing Partial Yes
Generated Content
CSS 2.1 IE 7.0 IE 8.0
{ content : sContent } content No Yes
{ counter-increment : sCounter } counter-increment No Yes
{ counter-reset : sCounter } counter-reset No Yes
![Page 25: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/25.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 25 of 27
{ quotes : sQuotes } quotes No Yes
Border and Layout
CSS 2.1 IE 7.0 IE 8.0
{ border-collapse : sCollapse } border-collapse Partial Yes
{ border-spacing : sSpacing } border-spacing No Yes
{ border-style : sStyle } border-style Partial Yes
{ caption-side : sLocation } caption-side No Yes
{ empty-cells : sEmptyCells } empty-cells Partial Yes
Positioning
CSS 2.1 IE 7.0 IE 8.0
{ bottom : sBottom } bottom Partial Yes
{ display : sDisplay } display Partial Yes
{ left : sPosition } left Partial Yes
{ right : sPosition } right Partial Yes
{ top : sTop } top Partial Yes
{ z-index : vOrder } z-index Partial Yes
Printing
CSS 2.1 IE 7.0 IE 8.0
{ orphans : nLines } orphans No Yes
{ page-break-inside : sBreak } page-break-inside No Yes
{ widows : nLines } widows No Yes
User Interface
CSS 2.1 IE 7.0 IE 8.0
{ outline : sOutline } outline No Yes
{ outline-color : sColor } outline-color No Yes
{ outline-style : sStyle } outline-style No Yes
{ outline-width : sWidth } outline-width No Yes
CSS 3 IE 7.0 IE 8.0
![Page 26: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/26.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 26 of 27
{ box-sizing : sSizing } box-sizing No Yes
Functions
CSS 2.1 IE 7.0 IE 8.0
counter() No Yes
attr() No Yes
Keywords
CSS 2.1 IE 7.0 IE 8.0
Inherit No Yes
For more information regarding CSS compatibility in Windows Internet Explorer and expanded support
tables, see CSS Compatibility and Internet Explorer.
![Page 27: IE issues with AJAX Apps](https://reader033.vdocument.in/reader033/viewer/2022051515/54c8775b4a795964478b45af/html5/thumbnails/27.jpg)
AJAX enabled apps and browser Compatibility – A Case study
By Karsh http://arafkarsh.blogspot.com November 13, 2009 - 2:36 AM v1.0 Page 27 of 27
11.2 IE 8.0 pull down issues with data elements
Following image shows the issues with pull down in Microsoft site itself. Check the circled area. These
issues are not there in other browsers.