Skillfully using Firefox several big tool plug-ins to teach you to debug DIV/CSS Web page

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

What Firefox is not to mention, the Earth's webmaster know that his browser market share after IE, especially by the size of the webmaster favorite. In addition to everyone familiar with the label display, customized appearance and many other functions, the webmaster are like the following two important reasons, one is that Firefox is fully in line with the standard, and IE has its own system, make their own set, resulting in a lot of web pages can only be viewed under IE, Poor webmaster in order to ensure the normal browsing of all users, have to be in the development, in IE, Firefox frequent switch, in order to be compatible; another reason is that Firefox provides a large number of various free plug-ins to users, users can easily get many additional features.

Firefox plug-in is too much, today, we only talk about the site in the Div/css design and debugging of the use of several plug-ins.

1, IE Tab plugin

The first is Ietab, the function of this plug-in is very simple, is a Firefox in the framework of the IE kernel and the Firefox kernel switch between the tool, after installation, will be in Firefox below the status bar appears an icon, click this icon, You can easily achieve the two cores of the switch, so that the poor webmaster will not be in both browsers frequently switch to see the design effect of the Web page.

2. Web Developer Plugin

Next is the famous web Developer, this tool is no longer detailed here, his function is really too cow, the internet has a lot of tutorials about him, there are detailed tutorials: http://hi.baidu.com/lesliespace/blog/item/ 88f4b9b596ea80c836d3cab3.html. Let's go and see. Here is simply to say his CSS menu, in this menu, in addition to the display of CSS code, display the elements of the style information, display the Web page handheld device display effect, and so on, the most convenient is that it can debug online CSS code, in the interface can be seen in real time after the adjustment of the display effect. Debugging CSS code is simply too handy.

3. Html Validater Plugin

When you have finished a webpage, if you want to check whether your code is standard or not, the most common is the online checkout tool of the Web site. The Web site is: http://validator.w3.org/, you can simply enter your own URL on it. After testing, the site generates a test report that identifies any code in your site that does not conform to the standards of the Web, and tells you what to do with it.

Firefox also has a similar plug-in that can do the same function, Html validater. After installing this plugin, when you browse the Web page, you will see in the bottom right corner of the browser that the page currently has n errors,n a warnings,n access warnings. Just double click on the area to show the source code, error message, error message location, and give a plan to modify the error. At the same time, this plugin also provides online verification of the consortium link, can also be very convenient for the detection of the consortium.

In general, check the page appears in the errors must be modified over, these are more serious errors, as for warnings, also suggest to change as far as possible, if warnings too much, indicating that your code has a lot of irregular places, to a certain extent, Can affect the speed at which a user or spider accesses a Web page; As for the last access warnings, these access warnings are just some advice. Even the Web page of the warnings has 133 access pages.

Install this plugin to visit other websites, found that relatively large sites can reach errors 0, but there are still many did not reach warnings 0. There are no problems with websites that are certified by the consortium. Provide a few sites, you can go up and see, their errors and warnings are all 0. such as the organization: http://validator.w3.org/, leisurely travel network: Beijing Hao Yu Horizon.

4, how to install Plug-ins

The final question is how to download and install the plugins: Start Firefox, go to the menu tool-add-on, and click on the icon "Get additional Components", you will go to the "Firefox add-on" page, find here, install it. In addition, can also be directly in Firefox access: Https://addons.mozilla.org/zh-CN/Firefox, can achieve the same effect.