Embed Size (px)
DESCRIPTION
1.Definitions If you use different web browers to surf the web you’ll notice that there are websites display differently on different browers.
Citation preview
Thực hiện: D3GVLT:
BROWERS
CONTENTS
I. BROWER COMPATIBILITY
1. Definitions If you use different web browers to surf the
web you’ll notice that there are websites display differently on different browers.
I. BROWER COMPATIBILITY
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?
I. BROWER COMPATIBILITY
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?
II. CHECK THE COMPABILITY
• Different windows version has different architecture (XP & Windows 7)• The upgrade window• Check on mac, linux
1. Compatible with the OS
II. CHECK THE COMPABILITY1. Compatible with the OS
P.1- Ubuntu 8.04 + firefox 2.0.0.19
II. CHECK THE COMPABILITY1. Compatible with the OS
P.2 - Winxp + Opera 8.54
II. CHECK THE COMPABILITY2. Mobile browsing
• Check the web page displayed on the screen of mobile devices
II. CHECK THE COMPABILITY
• 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
II. CHECK THE COMPABILITY
• 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.• 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 browsersHow to create web pages compatible with
other browsers:
II. CHECK THE COMPABILITY
• Try on the online validator test as http://wave.webaim.org/ and http://www.totalvalidator.com/ to analyze the content
4. Compatibility between browsersHow to create web pages compatible with
other browsers:
III. TOOLS
1. Tool Browershots1.1 IntroBrowershots 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/
III. TOOLS
1. Tool Browershots1.2 Funtion 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.
III. TOOLS1. Tool Browershots1.3 Using
Enter the URL into the textbox and press submit
III. TOOLS1. Tool Browershots1.3 Using
After waiting 30 minutes for the system to handle your request,can press the "Download All" to download picture
III. TOOLS1. Tool Browershots1.4 Advantages• Free• Popular,• High reliability• Ease of use• Image quality screenshots that covers the entire
screen
III. TOOLS1. Tool Browershots1.5 Disadvantages 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.
THANKS!!!
