Web site HTML and CSS Universal Debugging tools: Firebug

Source: Internet
Author: User

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

believe that webmaster in doing the site, all need to debug HTML and CSS code, the overall analysis of the site, then what tools to debug it, today I will introduce Firefox browser Firebug plug-ins, can debug all the HTML and CSS, to introduce some common skills.

First need to download and install Firefox browser, the default Firefox plugin is not installed, the need for manual installation, installation is very simple, you can search for Firefox directly Baidu installation, installation completed need to restart the browser.

The second is to introduce Firefox's common skills. Here we introduce from Baidu, code view, code debugging, code modification through the text description and picture display to introduce.

First, Baidu Encyclopedia inside Firbug Introduction:

  

Second, view the page code:

Open Firefox Browser right mouse button has a viewing element, select to view the page code.

  

Third, code debugging:

How to debug it, first you can see the following HTML and css,html is the part of the HTML code, CSS is a CSS style. If we want to see a section of code that only needs to select the button on the left to view the elements, the red arrow in the picture is the place.

  

The location of the current position will be displayed when the mouse clicks the button on the page.

  

Iv. Modify the code:

The selected code can be modified, for example, we think this place is not very good layout can be selected in the following HTML and CSS style to modify, such as I modify the plug-in this place code, plug-in is a link to remove the link.

  

Link removed after the effect, we can remove a lot of things at the same time can also add some commonly used code, add can be seen after the effect, so Firebug is a very convenient tool, HTML and CSS styles can be modified and debugging, convenient webmaster, but also increased knowledge, If you like a website web page want to see its HTML and CSS is how to write it can be viewed with firebug, convenient and quick.

  

Here to introduce some common skills, Firefox there are many tools to use, interested friends can try. This article by the Coal Test equipment: http://www.hebitianyu.com original, reprint please specify.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.