FIREBUG TUTORIAL
Section 1:console tab:logging, PROFILING and COMMANDLINE (part II)
Overview of Console Tab
This tab is mainly used for logging. It also can be used as CommandLine windows (like immediate windows in Microsoft Visual Studio) while you are debugging the J Avascript. It can be used for monitoring the execution of the Javascript code by using Profiling service.
The following topic would be covered in this section. Logging in
This article introduces two aspects: 1. firebug installation. 2. program debugging 1. the firefox browser must be installed to install firebug1.1. It's human capital. 1.2 select an additional component in the tool and enter firebug in the right-side search bar on the open additional component Manager page if you have not installed... SyntaxHighlighter. all ()
This article introduces two aspects: 1.
The Console is the first and most important panel of Firebug. It is mainly used to display various types of information generated during webpage loading. 1. the Firebug command for displaying information has a built-in console object, which provides five methods for displaying information. The simplest method is console. log (), which can be used to replace alert () or document. writ
The Console is the firs
For most of the front-end designers should have used the Firefox browser next debugging site extension Firebug Bar, the function is very powerful, for us to find out the compatibility of the Web page is very effective. However, for many developers who do not like to use the Firefox browser, then IE browser has a similar plugin it? Of course, the new version of the IE8 browser comes with a developer tool, basically can be comparable with
Content Summary:Learn to use the basic functions of Firebug1. Brief introduction: Firebug is a plugin of Firefox, used to adjust the JS code tools.(Official nonsense: Firebug is a plugin under Firefox, can debug all the website language, such as HTML,CSS, but Firebug most attracted me is the JavaScript debugging features, very convenient to use, and can be used i
Let's test the preceding four outputs as a group output and modify the code:Copy codeThe Code is as follows:Console. group ('start group :');Console. debug ('this is console. debug! ');Console.info ('this is console.info! ');Console. warn ('this is console. warn! ');Console. error ('this is console. error! ');Console. groupEnd ();Refresh the page to see the results (Figure 11-5 ). In console. group, we can also add a group title "start group :". If necessary, we can also group in groups through
Using Firebug and FirePHP to Debug PHP, if you are the same as me, you will not be able to leave FireBug when developing web projects. This small "bug" is a magical and useful HTML/CSS/JavaScript/Ajax debugger. But you may not know that this can also be used to debug PHP. Yes, it can. thanks to a Fire named FirePHP for using Firebug and FirePHP to Debug PHP.
If y
Firebug tutorialSection 1: Console tab: logging, profiling and CommandLine (Part II)
Overview of Console Tab
This tab is mainly used for logging. it also can be used as CommandLine window (like immediate window in Microsoft Visual Studio) while you are debugging the JavaScript. it can be used for monitoring the execution of JavaScript code by using Profiling Service.
The following topic will be covered in this section.
Logging in
In FIREBUG, if an object has both the length attribute and the splice method, It will be displayed as an array by firebug.
The Code is as follows:
Var obj = {length: 0, splice: function (){}}Console. log (obj)
Guess what is printed on it?
That's right. The output looks like an empty array...
In FIREBUG, if an object has both the length attribute and the splic
The Firefox plug-in named FirePHP found on friendfeed is an extension based on Firebug, it can be used to conveniently output php debugging information on the Firebug console without affecting the normal operation of the php program. In fact, this is not a short time, just to... "> The Firefox plug-in named FirePHP found on friendfeed is an extension based on Firebug
Firebug is a very useful debugging tool, but the default font is a bit monotonous, the settings do not change the options, then the font can not be changed? This problem has plagued me for a long time, until today I stumbled upon a solution.Firebug is a plugin for Firefox, essentially a Web page that is packaged as a file. We open the following path:c:/users/john/appdata/roaming/mozilla/firefox/profiles/6vls0eox.default/extensions/You can find a file:
Brief introductionFirebug is the next well-known Firefox plug-in, the current stable version is 2. The X,alpha version is 3. X (loaded. Completely not understood – applies to ff44+, i.e. beta version);function is mainly used to debug errors in Web pages, modify code and real-time viewing effects;Currently only under the Firebug of Firefox can experience its strong spending, for other browsers, lite version of the function castration too much;But, in t
This article is a supplement to the previous section: http://www.cnblogs.com/puresoul/p/4251536.htmlWhen you start Firefox with Selenium2 (webdriver) and automatically load the Firebug plugin, the prompt panel is disabled when you switch to the network and Cookies section of the Firebug plug-in, as shown in:So we enter About:config in the Firefox settings page to try to find out if there are any parameters
"Php100" If you often use Firebug to debug HTML, CSS, JavaScript, and Ajax code, you'll love Firebug, which is quick and intuitive. But have you ever thought about debugging PHP programs with Firebug? Firefox also has an extension called firephp, a debugging PHP program that can be as convenient as firebug.
http://
Let all friends who have never used firebug come and get started with it. I will prepare some advanced skills for you later. We hope that you will support us a lot and help us.1. What is firebug used?FireBug is the most powerful debugging plug-in FireFox. For Web developers, Firebug is one of the best plug-ins in Firef
Firebug is an open source web development tool.Installing Firebugfirebug:https://addons.mozilla.org/en-us/firefox/addon/1843/Using the Firefox browser to access the above, after opening the page, click the Download button, there will be a pop-up window page, prompting the installation of the directory, after installation restart your Firefox browser.After rebooting, you can see the Firebug icon in the Firef
Original address:http://blog.csdn.net/wangbin1986/article/details/6837285For most of the front-end designers should have used the Firefox browser next debugging site extension Firebug Bar, the function is very powerful, for us to find out the compatibility of the Web page is very effective. However, for many developers who do not like to use the Firefox browser, then IE browser has a similar plugin it? Of course, the new version of the IE8 browser c
Let's test the 4 output as a grouped output, and modify the code to read:
Copy Code code as follows:
Console.group (' Start grouping: ');
Console.debug (' is console.debug! ');
Console.info (' is console.info! ');
Console.warn (' is console.warn! ');
Console.error (' is console.error! ');
Console.groupend ();
Refresh the page to see the results (Figure 11-5). In Console.group, we can also add a group heading "Start Grouping:". If necessary, we can also group them
After the Firebug panel is enabled, A Window.console object and a Window.console.firebug variable are added to save the current version of the current Firebug, and when the Firebug panel is turned back to normal, we can detect if the Firebug is turned on by determining whether it exists.
Copy Code code as follows:
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.