1. Thực hiện: D3 GVLT: BROWERS

2. Browser Compatibility I Check the compatibility II Tools III

3. 1.Definitions  If you use different web browers to surf the web you’ll notice that there are websites display differently on different browers.

4. 1.Definitions  Test What ? Site displays correctly? On different browsers have the same layout, same design? Time to load ? Site layout is reasonable, content updates clearly? Screen size Information provided at this site, including note boards, clear error messages? Font-style, font size ? Popup, Ads? Be uncomfortable for the viewer?

5. 2.Why test ?  The site must be displayed in common browsers like IE, Firefox, Chrome, Opera, Safari...  Each of brower is different structure, design  Your browser may not support the technologies that your website is using.  The site can display well in browser but not good in other browsers  Site has good displays on the new browser version?

6. Different windows version has different architecture (XP & Windows 7) The upgrade window Check on mac, linux 1.Compatible with the OS

7. P.1- Ubuntu 8.04 + firefox 2.0.0.19

8. 1.Compatible with the OS P.2 - Winxp + Opera 8.54

9. 2.Mobile browsing Check the web page displayed on the screen of mobile devices

10. Develop web site with appropriate length so that users can print Standard printer Provides links to printable materials if the site has the resources users will want to print 3.Printing options

11. Step 1: Download and install some common browsers like Internet Explorer, Mozilla Firefox, Opera and Safari. Step 2: Check on http://browsershots.org/ to capture images on your site operating systems and different browsers.http://browsershots.org/ Step 3: Try checking the google error page with the keywords "internet explorer firefox difference", or "web page can not be displayed in Firefox" etc... 4.Compatibility between browsers How to create web pages compatible with other browsers:

12. Try on the online validator test as http://wave.webaim.org/ and http://www.totalvalidator.com/ to analyze the contenthttp://wave.webaim.org/ http://www.totalvalidator.com/ 4.Compatibility between browsers How to create web pages compatible with other browsers:

13. 1. Tool Browershots 1.1Intro  Browershots is one of the popular methods in the test site. Is a free tool to check browser compatibility including several versions of the browsers and even of the more obscure browsers, can test on many different operating systems.  Link to website: http://browsershots.org/http://browsershots.org/

14. 1. Tool Browershots 1.2Funtion  Browershots will take pictures of the site displayed on different browsers. Based on the photos, users can check the difference in screen size, color and display web pages with javascript and flash.

15. 1. Tool Browershots 1.3 Using Access http://browsershots.org/http://browsershots.org/

16. 1. Tool Browershots 1.3 Using Enter the URL into the textbox and press submit

17. 1. Tool Browershots 1.3 Using After waiting 30 minutes for the system to handle your request, can press the "Download All" to download picture

18. 1. Tool Browershots 1.4Advantages Free Popular, High reliability Ease of use Image quality screenshots that covers the entire screen

19. 1. Tool Browershots 1.5Disadvantages  With free user, you are limited to 100 pictures in 24 hours.  With 30 minute wait for a time submit, it is too long.  If you want to use the extended features, register and pay.