Presented By: Brent Strange Browser Compatibility Testing Risk Analysis Learn the art of trimming browsers from a browser compatibility test list by knowing.

Slides:

Advertisements

Similar presentations

HTML5, OVERVIEW AND NEW FEATURES PowerPoint by Mason O’Mara.

Advertisements

 2008 Pearson Education, Inc. All rights reserved Web Browser Basics: Internet Explorer and Firefox.

HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.

Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 4: Web Browsing.

Web Server Programming

HTML5 Browser Wars Steven Adams July 27, B A First, what is a browser? C 1.

Lesson 4: Web Browsing.

Surfing the Net. Surfing the net Browsers – Internet Explorer, Firefox, others Dissecting URLs Some web page definitions Browser navigation Bookmarks.

HTML 5 Tutorial Chapter 1 Introduction. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML.

Web Platform Trident Browser Internet Explorer.

Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.

ACTIVE X By Ethan Huang. OUTLINE What is ActiveX? Component of ActiveX Why ActiveX? ActiveX and Java Security Issue.

Lecture 3B: Client-Side Scripting IT 202—Internet Applications Based on notes developed by Morgan Benton.

The Team Team consisted of 5 members. Max Annear – Henderson Conrad Orange Mike Debney Anton Slooten Luke Stanford.

MWD1001 – Website Production Web Browsers Week 11.

Define objects and their relationships to multimedia Explain the fundamentals of C, C++, Java, JavaScript, JScript, C#, ActiveX and VBScript Discuss security.

Web Platform Trident Navigateur Internet Explorer.

CONTRASTED HTML5 & FLASH ANIMATION EFFECTS.  HTML5 AND FLASH ANIMATION CONTRASTED  ANIMATION IN WEBSITE DESIGN AND PRESENTATION  HTML5, JavaScript,

HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.

Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: Multimedia on the Web.

DEVELOPING FOR MOBILE Jackie Calapristi. AGENDA  Why you should go mobile  Mobile Design Options  Responsive Design  Tips & Tools to Help You Build.

Get to know your Smart TVs Joey Costoya. LG NetCast Panasonic Viera Connect Philips Smart TVs Samsung Smart TV Sharp Aquos Net+ Sony Internet TV Toshiba.

XSS Without the Browser Wait, what? Toorcon Seattle, 2011.

Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.

Principles of Computer Security: CompTIA Security + ® and Beyond, Third Edition © 2012 Principles of Computer Security: CompTIA Security+ ® and Beyond,

Mobile App Support Jacob Poirier Geri Hengesbach Andrea Menke Erin Rossell.

AJAX By Steven Hernandez Research Analyst NIATEC.

INTRODUCTION TO HTML5 Styling with CSS3. Round Border Corners  You can modify any element that supports the border property and render rounded borders.

By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Working with Objects Creating a Dynamic Web Page.

Using the World Wide Web Web Design and Publishing Cindy Royal.

MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard

1 Internet Browsing Vulnerabilities and Security ECE4112 Final Lab Ye Yan Frank Park Scott Kim Neil Joshi.

OWL Jan How Websites Work. “The Internet” vs. “The Web”?

Conceptual Architecture of Mozilla Firefox (version ) Jared Haines Iris Lai John,Chun-Hung,Chiu Josh Fairhead June 5, 2007.

Grid Chemistry System Architecture Overview Akylbek Zhumabayev.

DHTML: Working with Objects Creating a Dynamic Web Page.

Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.

Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.

Development Process Agile/XP Planning + Issue Tracking Google Code provided efficient + effective project management Bug and defect reports Project planning.

Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.

COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 1.

Browser Bugs & Validation SIPB Introduction to Web Design Wednesday, January 20th Jonté Craighead & Cathy Zhang.

Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I

TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.

Contents : What is Silverlight? Silverlight Overview Silverlight Toolkit Overview Timeline & Packaging Silverlight V1.0 & V1.1 Properties of V1.0 Properties.

Browser Wars By: Jesse Arredondo

Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.

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

Microsoft’s Rich Web Technology XAML,WPF and WPF/E July, 2006 John Allwright.

Lesson 30: JavaScript and DHTML Fundamentals. Objectives Define and contrast client-side and server-side technologies used to create dynamic content for.

Interface Design 2 Week 13. Interface Design 2 :: Week 13 :: Calendar.

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.

This presentation was written in March 2002 and is provided as a template. It should be tailored to a particular company’s needs as well as updated. The.

AJAX JaxFusion April 2006 David Fekke. Who am I? David Fekke Lead Software Engineer Data Inteligence Group

Browser Compatibility Testing, using different browsers Conditional Statements.

Web Browsers. Overview Definition How a Browser Works? History Today – Browser Wars The Future.

Flaps The technology and its variations across browsers.

The richest experience on the web Web Slices Accelerators Visual Search InPrivate Users Develop, test and debug without leaving the browser Built-in developer.

Web Technologies Basics

PRESENTATION 1.0 BY – SAFEEBOOK Web browsers.

Microsoft Edge for Developers

CMP Creating Your Personal and Small Business Web Sites

HTML5 Level I Session I Chapter 1 - Introduction to Web Development

Browser Engine How it works…..

Openreach Application

Unit 6 part 3 Test Javascript Test.

What’s Coming in IE8 Christian Stockwell Microsoft Corporation.

ITI 163: Web, Mobile, and Social Media Design Introduction

Interface Design 2 Week 11.

Presentation transcript:

Presented By: Brent Strange Browser Compatibility Testing Risk Analysis Learn the art of trimming browsers from a browser compatibility test list by knowing your users, understanding how the browser works, OS & browser facts versus misconceptions, and grouping browsers by common component versions to remove redundancy.

Agenda Browser History Who are your users? Understand The Browser Understand how browsers differ Using the Browser Cheat Sheet Your turn… A Challenge Browser fact vs. fiction So what is a browser compatibility defect? Manage Risk Questions

The History

Browser Statistics Source: marketshare.com

The Task At Hand..b.. b.. but thats over 20 released versions… I want you to test our site with FireFox 1.0 – 2.0 by the end of day!

How Do You Tackle Testing This?

The Browser Dissected Layout Engine JavaScript Engine Plugins Shell Features

Component: Layout Engine HTML CSS DOM Layout Engine

Component: Shell Features HTTP Security Cache Shell Features

Component: JavaScript Engine DOM Interaction Detect User Actions OS Ties JavaScript Engine

Component: Plugins Flash Java ActiveX Plugins

Component Differences Internet Explorer Layout Engine: Trident JavaScript Engine: JScript FireFox Layout Engine: Gecko JavaScript Engine: SpiderMonkey Netscape Layout Engine: Gecko JavaScript Engine: SpiderMonkey Opera Layout Engine: Presto JavaScript Engine: linear_b, futhark Safari Layout Engine: KHTML JavaScript Engine: WebKit (Webcore & JavaScriptCore)

The Browser Cheat Sheet

Removing Browser Redundancy FireFox FireFox FireFox

Removing OS Redundancy IE 6 Ser 2003 IE 6 WinXP IE 6 Win2000 IE 6 WinXP

Determine the Test Matrix Test Analyze the Risk Cheat SheetGroup and/or Discard Understand the Components JavaScript?Plugins?Rendering?Shell?

Back to: The Task At Hand End of day?! Hah... Ill have it done in 2 hours. I want you to test our site with FireFox 1.0 – 2.0 by the end of day!

Challenge: One small change? I only changed 1 line of JavaScript code Response.Write( Math.Round(3.1415) ); to Response.Write( Math.PI );

Determine the Test Matrix Test Analyze the Risk Cheat SheetGroup and/or Discard Understand the Change JavaScript, Layout

Browser Fact vs. Fiction

Find Browser Compatibility Defects So…what is a browser compatibility defect?

Manage Risk Set Expectations o Define Browser Assumptions o Define OS Assumptions Define the browser list to be tested Defend your strategy with facts

Questions

About Download this presentation and handouts at: