MITE DOM tree viewing
By Aaron Rudger | September 24, 2013
Users of the Keynote Mobile Internet Testing Environment (MITE) know that it's packed full of features for both functional testing, performance testing, and content optimization for mobile websites. One of the greatest things about MITE (besides being free) is that it lets you go far beyond what's apparent to the naked eye. The MITE DOM tree (Document Object Model) view of your website will let you match lines of code back to the images on the screen. What's more, you can get there in a few short steps:
- Select the device profiles and web page you would like to test.
- Select Views > Configure > DOM tree (feel free to remove other views after you select)
- Here we see a blue box that doesn't look right....so we hit the Query (Q) button in the DOM tree pane to stop screen interaction and take a deeper look into the code.
- Click on the missing object and MITE will instantly show you where it's located within the DOM.
- 5. Click within the DOM and get the underlying code.
How's that for easy. Oh, did we mention it's free.