SlideShare a Scribd company logo
Browser Add-on
Introduction
• Browser Add-on is a software extension that adds extra
features to a program
• Browser Add-on improves the user interface of the web
browser
What is Browser Add-on?
• Browser Add-on is a computer program that extends the
functionality of a web browser.
• Example add-on:
o Test IE: Tests websites in real Internet Explorer (IE6, IE7,
IE8, IE9, IE10 and IE11) straight from Chrome browser,
through Browser Stack.
Why Browser Add-on?
• Browser Add-ons provides the users with a wide
number of features belonging to the several categories
with one examples for each,
Examples
 Test data
o Form Filler
 Test management
o Light shot
 Web information
o W3TechsTechnology Information
 Performance
o Extended Status Bar
 GUI
o Responsive Web Design
 Security
o Click & Clean
Three Browser Add-ons which improves the testing
efficiency
• Responsive Web Design
• W3 Techs technology Information
• Form Filler
Responsive Web Design
•What is it?
•Where do we see this type of web design?
•How do we test an app built on RWD?
•Add-on: Responsive Web Design tester
What Is RWD?
Responsive Web Design is a web design approach aimed at
crafting sites to provide an optimal viewing experience and
navigation with a minimum of resizing, panning and scrolling
Where can we see this web
design?
•Desktop
•Mobiles
•iPad
•Tablets
•Netbooks
•HD Monitors
How do we test?
Browser add-ons
Browser add-ons
Browser add-ons
Browser add-ons
W3 Techs Web Technology Information
• What is W3Techs?
• Why W3Techs?
• How W3 Techs works?
What is W3Techs Website Technology
Information
• The W3Techs add-on helps a user to view a specific
website’s web technologies with a click of a button on the
add-on.
Why W3Techs Website Technology Information
• The W3Techs add-on helps the user to understand what all
web technologies are used for creating that particular
webpage
Form Filler
• What is Form Filler?
• Why Form Filler?
• How it works?
What Is Form Filler?
• Form Filler allows you to fill web form fields via double
mouse click or it can do it for you automatically.
• It allows you to create a manual data types and
synchronize it into the web forms.
Why Form Filler?
• Multiple data types can be added manually
• Forms can be automatically filled
• Allows tester to do field validation quickly
Browser add-ons
Presented By
Ram Prasad N
Siddarth S
Browser add-ons

More Related Content

PDF
Testing Responsive Webdesign
PPTX
Web topic 32 validate web contents
PPTX
Game On with Windows & Xbox One @ .NET Conf UY
PPTX
Intro to Bot Framework v3
PPTX
Centric - PWA WebCast
PPTX
Unity 5 Jumpstart: Kickoff
PDF
Automating the responsive website testing
PPTX
Guide To Effective Cross Browser Testing
Testing Responsive Webdesign
Web topic 32 validate web contents
Game On with Windows & Xbox One @ .NET Conf UY
Intro to Bot Framework v3
Centric - PWA WebCast
Unity 5 Jumpstart: Kickoff
Automating the responsive website testing
Guide To Effective Cross Browser Testing

What's hot (6)

PPTX
Intro to Xamarin: Cross-Platform Mobile Application Development
PDF
Smart Browsers and HTML5 Web Apps for the Chrome Web Store
PPTX
Intro to Xamarin
PPTX
Automated testing with visual studio 2010
PDF
Progressive Web Apps are here!
PPTX
The Immutable Golden Image
Intro to Xamarin: Cross-Platform Mobile Application Development
Smart Browsers and HTML5 Web Apps for the Chrome Web Store
Intro to Xamarin
Automated testing with visual studio 2010
Progressive Web Apps are here!
The Immutable Golden Image
Ad

Viewers also liked (6)

PDF
Making Add-ons People Will Love
PDF
Echelon2010
PDF
Mozilla Add-Ons Evolution 2011 in review and Upcoming in 2012
PDF
Great Add-ons for Improving Teamwork
PDF
Acceptance testing plone sites and add ons with robot framework and selenium
PPTX
Software Testing Basics
Making Add-ons People Will Love
Echelon2010
Mozilla Add-Ons Evolution 2011 in review and Upcoming in 2012
Great Add-ons for Improving Teamwork
Acceptance testing plone sites and add ons with robot framework and selenium
Software Testing Basics
Ad

Similar to Browser add-ons (20)

PDF
A Complete Solution for Web Development
PDF
Developing web applications in 2010
PPTX
Fast & Furious Responsive Design in Chrome DevTools
PDF
Bruce lawson-over-the-air
ODP
HTML5 e CSS3 (slides della sessione tenuta al DIMI di Udine)
PPTX
What is HTML 5?
PDF
[convergese] Adaptive Images in Responsive Web Design
PDF
Don't touch the mobile parts
PDF
Bruce Lawson, Web Development 2.0, SparkUp! Poznan Poland
PPTX
Google chrome extensions
PPTX
Edge of the Web
PDF
Extreme Web Performance for Mobile Devices
KEY
The slow death of IE 6
PPT
PDF
Improving your Website with HTML5 and CSS3
PDF
Build your Website with HTML5 and CSS3
PDF
HTML5 - Moving from hacks to solutions
PDF
Front end for back end developers
PDF
Performance Optimization for Mobile Web | Fresh Tilled Soil
A Complete Solution for Web Development
Developing web applications in 2010
Fast & Furious Responsive Design in Chrome DevTools
Bruce lawson-over-the-air
HTML5 e CSS3 (slides della sessione tenuta al DIMI di Udine)
What is HTML 5?
[convergese] Adaptive Images in Responsive Web Design
Don't touch the mobile parts
Bruce Lawson, Web Development 2.0, SparkUp! Poznan Poland
Google chrome extensions
Edge of the Web
Extreme Web Performance for Mobile Devices
The slow death of IE 6
Improving your Website with HTML5 and CSS3
Build your Website with HTML5 and CSS3
HTML5 - Moving from hacks to solutions
Front end for back end developers
Performance Optimization for Mobile Web | Fresh Tilled Soil

Browser add-ons

  • 2. Introduction • Browser Add-on is a software extension that adds extra features to a program • Browser Add-on improves the user interface of the web browser
  • 3. What is Browser Add-on? • Browser Add-on is a computer program that extends the functionality of a web browser. • Example add-on: o Test IE: Tests websites in real Internet Explorer (IE6, IE7, IE8, IE9, IE10 and IE11) straight from Chrome browser, through Browser Stack.
  • 4. Why Browser Add-on? • Browser Add-ons provides the users with a wide number of features belonging to the several categories with one examples for each,
  • 5. Examples  Test data o Form Filler  Test management o Light shot  Web information o W3TechsTechnology Information  Performance o Extended Status Bar  GUI o Responsive Web Design  Security o Click & Clean
  • 6. Three Browser Add-ons which improves the testing efficiency • Responsive Web Design • W3 Techs technology Information • Form Filler
  • 7. Responsive Web Design •What is it? •Where do we see this type of web design? •How do we test an app built on RWD? •Add-on: Responsive Web Design tester
  • 8. What Is RWD? Responsive Web Design is a web design approach aimed at crafting sites to provide an optimal viewing experience and navigation with a minimum of resizing, panning and scrolling
  • 9. Where can we see this web design? •Desktop •Mobiles •iPad •Tablets •Netbooks •HD Monitors
  • 10. How do we test?
  • 15. W3 Techs Web Technology Information • What is W3Techs? • Why W3Techs? • How W3 Techs works?
  • 16. What is W3Techs Website Technology Information • The W3Techs add-on helps a user to view a specific website’s web technologies with a click of a button on the add-on.
  • 17. Why W3Techs Website Technology Information • The W3Techs add-on helps the user to understand what all web technologies are used for creating that particular webpage
  • 18. Form Filler • What is Form Filler? • Why Form Filler? • How it works?
  • 19. What Is Form Filler? • Form Filler allows you to fill web form fields via double mouse click or it can do it for you automatically. • It allows you to create a manual data types and synchronize it into the web forms.
  • 20. Why Form Filler? • Multiple data types can be added manually • Forms can be automatically filled • Allows tester to do field validation quickly
  • 22. Presented By Ram Prasad N Siddarth S