Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!

Debug HTML code with iCab Apps
I've been building a website, and as part of my construction, I needed to look for HTML errors (missing end tags, etc.). I have found that iCab's error checking mechanism is wonderful for finding these problems with HTML. You can set it to your preference for which version of HTML specifications to use as a reference (from 2.0 to three varieties of 4.0).

Every page that you view gets either a red frowning 'smiley', a yellow 'unsure' face, or a green happy face. Clicking on the face (if it's red or yellow) brings up a window with error messages (red) and/or warnings (yellow). One nice feature is that iCab will open up the source code and highlight the offending code if you double-click on the error message.

Be sure to set the background color of the source code to white, though, or you won't be able to find the section of code that iCab highlights, as the highlight color is almost identical to the default gray background.

Using this feature, for example, I found that our favorite Mac OS X hints site has some missing quotation marks in its code for the alternate text of the logo:
<img src=http://www.macosxhints.com/images... ...alt=Mac OS X Hints>
I can't but imagine that properly formed code will render faster and/or more correctly in most browsers.

[Editor's note: Hmm, I don't see that those quotation marks are missing ... at least, they're not missing any more ;-)]
    •    
  • Currently 0.00 / 5
  • 1
  • 2
  • 3
  • 4
  • 5
  (0 votes cast)
 
[3,610 views]  

Debug HTML code with iCab | 5 comments | Create New Account
Click here to return to the 'Debug HTML code with iCab' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
OmniWeb does this better.
Authored by: jazzman15 on Jun 27, '02 09:54:22AM

OmniWeb on OpenStep and OS X automatically colors code so you can see if you've made any mistakes. It also auto-formats the code so you can see where a tag's missing.



[ Reply to This | # ]
OmniWeb does this better.
Authored by: sfn on Jun 27, '02 09:32:14PM

It does indeed and shows an extra </td> on the macosxhints home page!



[ Reply to This | # ]
Try Tidy
Authored by: cmarkn on Jun 27, '02 11:34:29AM
Tidy for Mac OS checks and corrects HTML and XML to make it compliant with the Worldwide Web Consortium HTML standards. There are several versions, including both standalone for Mac OS X and Classic, and an online page. It not only finds errors, but it fixes them for you. It can convert html to xml. t's free in both the speech and beer senses. http://www.geocities.com/SiliconValley/1057/tidy.html ps. I have nothing to do with the program except that I use it now and then.

[ Reply to This | # ]
Another reason...
Authored by: mrgerbek on Jun 27, '02 05:22:41PM

...why iCab rocks. I've been using iCab for a couple years, and I love it. Since most of the html work I do now is on PCs (by force, I assure you), I don't have it around. Instead, I use <a href="http://bobby.cast.org/html/en/index.jsp">CAST's Bobby</a> page and software.



[ Reply to This | # ]
Yet Another reason...
Authored by: Clint MacDonald on Jun 27, '02 05:47:11PM

Try shift-clicking on the smiley (or frowny) face icon for an extra treat! :-)



[ Reply to This | # ]