Tutorial: Tools for Evaluating and Testing Web Pages

There are many online tools, web browser extensions, and add-ons to help you evaluate and test web pages. We will be talking about web page validation later, but you can use these tools now to become familiar with such tools and how to integrate them into your web browser.

Most browser-integration tools are browser specific, compared to online tools which sit in web pages, accessible through any browser. Browser-integration tools include extensions, add-ons, and bookmarklets.

How to Add an Extension or Add-on to Your Web Browser

To add an extension or add-on tool to your browser:

How to Add a Browser Bookmarklet to Your Web Browser

Typically, browser bookmarklets are not browser specific and can be used on any browser supporting JavaScript. Sometimes called "favelets," a bookmarklet is a script that takes action on the page you are viewing. The most common bookmarklets allow you to save a site to your online bookmarks site or share a web page with a social network. Many bookmarklets are tools to help you view the underlying code and technologies of a web page as well as to test and evaluate it.

Browser bookmarklets are stored in your browser bookmark toolbar or collection. To add a bookmarklet to your bookmark toolbar:

  1. Click and drag the indicated button or link to your browser toolbar.
  2. To activate the bookmarklet, click the button or link on your browser toolbar and follow its instructions.
  3. To quit/turn off the bookmarklet, refresh the page or follow the instructions.

Browser Add-ons and Extensions for Evaluating, Inspecting, and Testing Web Pages

Online Web Testing, Evaluation, and Validation Tools

Validating and Testing for Web Accessibility

As of March 2012, it is federal law that web pages meet federal laws for Equal Access and the Americans With Disabilities Act.

Bookmarklets for Evaluating and Testing Web Pages

Browser Testing

Browser compatibility doesn’t start and stop with testing to see if your web pages work in Internet Explorer. They must be tested across a variety of browsers as well as web viewing environments such as Web television, mobile, tablets, etc.

Collection of Lorelle’s Favorite Bookmarks and Bookmarklets for Web Development

I’ve put together a web page with my favorite web design and web development bookmarks and bookmarklets for you to see and use. These have been collected from around the web and are shared for educational purposes only with students of Lorelle VanFossen.

To use these, click and drag the link to your browser toolbar or view the source code and save this list as an html file and use the bookmark import feature of your browser to import the file.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s