Article Description: Firefox browser compatibility Detection Tool--compatibility detector. |
Here to recommend a Firefox browser compatibility detection Tool--compatibility detector. This tool for beginners is a very good thing, below I will simply say its advantages.
As a front-end developer, one of the most painful things is to be compatible with all kinds of browsers now, and in actual debugging the debugging process is a chore. and compatibility detector can present many known compatibility issues very easy to show in front of us. There are two kinds of compatibility detector: basic detection and advanced detection.
Basic instrumentation detects some basic DTD standards, tags, attributes, and so on, as indicated in the following illustration that there is no DTD set up, some incompatible labels, and properties that are not recommended for use. (especially the Align attribute, many beginners prefer to use the Align property to layout, which can easily cause compatibility problems in the browser.) )
If you use the Advanced Test feature, the plugin will refresh the page again to get more compatibility issues on the page. There are two types of "error level" and "warning level", and the problems that occur in the warning level generally do not affect page compatibility.
It can also be seen on the page to indicate the location of the problem elements and the reasons for compatibility problems. This is not very good for the new students.
My own use of this plugin when the most visible hint is the container size limit and haslayout two kinds. The first one needs to be aware of whether the element is in the uncertain context, and if there is too much content, it may affect your layout. The latter is that we often encounter the problem of the parent container can not be stretched, if there is a parent container set borders, backgrounds and other styles should be particularly careful.
Finally attach the download address of this plugin: mozilla.com.cn