Thực hiện: D3 GVLT: BROWERS. Browser Compatibility I Check the compatibility II Tools III.

Slides:



Advertisements
Similar presentations
1 How To Use a Browser A Module of the CYC Course – Computer Basics
Advertisements

Offline and Web-based tools development to support the TSA By Reymar Gooding.
Browser Guideline Powered by DonorCommunity TM DonorCommunity eLearning Series v1.2, February 2012 Browser Guideline.
 2008 Pearson Education, Inc. All rights reserved Web Browser Basics: Internet Explorer and Firefox.
ComfortLink™ II Control. ComfortLink™ II Smart Control This is not just a thermostat. It’s an energy command center. Trane ComfortLink™ II is an easy-to-use,
Facebook Login Helper By loginhelper.com. Facebook Login Is the Facebook Homepage, located at Loading Properly?
Google chrome operating system
Web browsers It’s a software application for retrieving and presenting information on WWW. An information resource is identified by a Uniform Resource.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 4: Web Browsing.
SHAREPOINT PAKISTAN USER GROUP #1 SHAREPOINT COMMUNITY IN PAKISTAN AND ASIA HTML5 and SharePoint 2013.
#10 Useful Reports Election Eligibility February
Surfing the Net. Surfing the net Browsers – Internet Explorer, Firefox, others Dissecting URLs Some web page definitions Browser navigation Bookmarks.
WELCOME TO THE MCCLOUD SERVICES CUSTOMER WEB PORTAL TUTORIAL.
Kaitlin Moran Software Brief. What is picnik? Picnik is a free program that allows you to create your photos into a master piece, through a variety of.
Web Accessibility Tests Using the Firefox Browser ACCESS to Postsecondary Education through Universal Design for Learning.
Technology Training 1.  Shop in Paradise Shop in Paradise  Thomas Edison Foundation Thomas Edison Foundation  LA Eyeworks LA Eyeworks  Google Google.
MyData Tips and Tricks A Must-Read for MyData Users May 2014.
Screen Toaster is a web 2.0 tool that records movies on your screen. Its free to use and it works very well. Screen Toaster is very user friendly and.
Google Chrome Your Customized Google Buddy April 2012 John Riley and Denise Tate-Kuhler.
Debugging JavaScript CS346. IE Javascript Debugging Aids From IE6 on default: no debugging aid for Javascript Change setting: – Tools > Internet Options.
WEB-BASE APPLICATION TESTING Seminar Software Testing – Group D 1 20/04/2012.
And Mobile Web Browsers
The Princeton Manor Website Access – For New and Existing Users Use – Organization of the website Content – Features, Fun and Useful Information.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
WEB-BASE APPLICATION TESTING Seminar Software Testing – Group D 1 20/04/2012.
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials The internet: Getting online Suitable for: Beginner.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
Taking Your Website On The Road Technology No Where to Go.
PACS - 09/19/15 1 favicon A ‘Favorite icon’ is a file containing one or more small icons associated with a particular website or web page. Web browsers.
Zscaler New Interface and Reporting From Saturday 8 th June 2013.
#5 Useful Reports Training Record Report February
IntroductionSlide #1 Stanford Math Professional Development: Technical Training © 2009 EPGY Stanford University.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
 Computer News  Internet Explorer 10  Your Computer Problems  Website &  
Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.
#9 Useful Reports Create Mailing Labels February
Testing and Maintaining a Web Site Presented by: Angelo Russo Student number: 10 Acknowledgement: This information is primarily gathered from: – Web Design,
The XFEL Beam Dynamics Website Bartosz Poljancewicz News and Updates to the Start-to-End Simulations.
Prepared By : Md Jakaria 1 Learn Internet Basics LECTURE 7.
Useful Reports Certifications Report February
1 3 Computing System Fundamentals 3.4 Networked Computer Systems.
MODULE 3 Internet Basics © Paradigm Publishing, Inc.1.
Browser Wars (Click on the logo to see the performance)
#7 Useful Reports AUXOP Progress February In order to view AUXDATA reports, you must have a pdf reader program installed on your computer. Adobe’s.
Skill Area 214 Introduce World wide web(www)
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
May 6, 2009 Browser Compatibility Testing Definition It is a non functional type of testing where web based applications are tested on various browsers(IE.
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Technology Requirements for Online Testing Training Module Copyright © 2014 American Institutes for Research. All rights reserved.
Operations Management - Problems Students cannot play HW Requirements Self-RegistrationSW requirements Upload by Paris SW Capacity Internet connection.
+ CIW LESSON 4 Web Browsers. + Basic Functions of Web Browsers Provide a way for users to access and navigate Web pages Display Web pages properly Provide.
Introduction to the Internet 3 Session Version 1.0 © 2011 Aptech Limited.
How to fix Netflix Signing In Issues? For More Details Visit Our Website
WEB TESTING
3.02H Publishing a Website 3.02 Develop webpages..
What this activity will show you
MICROSOFT OUTLOOK and Outlook service Provider
How to Create a Blogger Using your Gmail Account
TOLL FREE The Firefox Developer Edition Tech Support Toll Free.
HOW CAN I MAKE MOZILLA FIREFOX WORK FASTER? Mozilla Firefox is one the free and open source web browsers available in the world of technology. It is available.
You have Flash installed on your computer.
4.02 Develop web pages using various layouts and technologies.
Web Page Design CIS 300.
Overview The World Wide Web has changed the way that people
You have Flash installed on your computer.
And Mobile Web Browsers
Business Zone Ethernet Cease Order Journey – User Guide
Presentation transcript:

Thực hiện: D3 GVLT: BROWERS

Browser Compatibility I Check the compatibility II Tools III

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

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?

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?

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

P.1- Ubuntu firefox

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

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

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

Step 1: Download and install some common browsers like Internet Explorer, Mozilla Firefox, Opera and Safari. Step 2: Check on 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 browsers How to create web pages compatible with other browsers:

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

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:

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.

1. Tool Browershots 1.3 Using Access

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

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

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

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.