Giter VIP home page Giter VIP logo

tracing-console's Introduction

Firebug

Web Development Evolved getfirebug.com

On November 14, with the launch of Firefox Quantum (AKA 57), support for old school extensions will stop in Firefox. That means Firebug will no longer work for many developers. However, the work continues in the great Firefox devtools. You can try Firefox devtools by updating your release browser or downloading Developer Edition. Read more here

Download

License

Firebug is free and open source software distributed under the BSD License.

Source Repository Structure

See more information about Firebug repository structure.

  • extension Firebug extension directory.
  • tests Firebug automated test files and test harness.
  • trace Firebug tracing console.

Build Firebug XPI

In order to build Firebug *.xpi package run following in your command line (you need Apache Ant)

$ cd firebug/extension
$ ant

The *.xpi file should be located within ./release directory.

Run Firebug From Source

The extension directory directly contains Firebug extension files and so, you can run Firebug directly from it. This is the recommended way how to quickly test your code changes and provide a patch.

  1. Locate your Firefox profile folder
  2. Open extensions/ folder, create if it doesn't exist.
  3. Create a new text file and put the full path to your development folder inside. (e.g. C:\firebug\extension\ or ~/firebug/extension/). Windows users should retain the OS' slash direction, and everyone should remember to include a closing slash and remove any trailing spaces.
  4. Save the file with Firebug ID as it's name [email protected]

Hacking on Firebug

See detailed instructions about how to provide a patch to Firebug source.

Further Resources

tracing-console's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

kleopatra999

tracing-console's Issues

Firefox 49+

Does this extension still work in Firefox 49+? If not, is there an alternative console that allows for switching logging groups on and off?

Parse error message and pretty-print its stack trace

Identify error message in logged object parse associated stack-frames and pretty print in the UI (PropertyTree).

Error message example:

"[JavaScript Error: "Error occurred while creating actor 'undefined: Error: Unable to load actor module 'resource://firebug-next-at-getfirebug-dot-com/data/logger-actor.js'.\nModule resource://firebug-next-at-getfirebug-dot-com/data/logger-actor.js is not found at resource://firebug-next-at-getfirebug-dot-com/data/logger-actor.js\nRegisteredActorFactory/this._getConstructor@resource://gre/modules/devtools/server/actors/common.js:42:15\nObservedActorFactory.prototype.createActor@resource://gre/modules/devtools/server/actors/common.js:108:11\nDebuggerServerConnection.prototype._getOrCreateActor@resource://gre/modules/devtools/server/main.js:1259:16\nDSC_onPacket@resource://gre/modules/devtools/server/main.js:1404:17\nLocalDebuggerTransport.prototype.send/<@resource://gre/modules/devtools/transport/transport.js:545:11\nmakeInfallible/<@resource://gre/modules/devtools/DevToolsUtils.js:83:14\nmakeInfallible/<@resource://gre/modules/devtools/DevToolsUtils.js:83:14\n\n\nStack: RegisteredActorFactory/this._getConstructor@resource://gre/modules/commonjs/toolkit/loader.js -> resource://gre/modules/devtools/server/actors/common.js:44:15\nObservedActorFactory.prototype.createActor@resource://gre/modules/commonjs/toolkit/loader.js -> resource://gre/modules/devtools/server/actors/common.js:108:11\nDebuggerServerConnection.prototype._getOrCreateActor@resource://gre/modules/commonjs/toolkit/loader.js -> resource://gre/modules/devtools/server/main.js:1259:16\nDSC_onPacket@resource://gre/modules/commonjs/toolkit/loader.js -> resource://gre/modules/devtools/server/main.js:1404:17\nLocalDebuggerTransport.prototype.send/<@resource://gre/modules/commonjs/toolkit/loader.js -> resource://gre/modules/devtools/transport/transport.js:545:11\nmakeInfallible/<@resource://gre/modules/commonjs/toolkit/loader.js -> resource://gre/modules/devtools/DevToolsUtils.js:83:14\nmakeInfallible/<@resource://gre/modules/commonjs/toolkit/loader.js -> resource://gre/modules/devtools/DevToolsUtils.js:83:14\nLine: 44, column: 14" {file: "resource://gre/modules/commonjs/toolkit/loader.js -> resource://gre/modules/devtools/server/main.js" line: 1290}]"

Traces logs don't appear in the tracing console

STR:

  1. Open Tracing console, check e.g. inspector/inspector-overlay option
  2. Restart Firebug, open the toolbox select the Inspector panel
  3. There should be logs in the tracing console, but nothing is there -> BUG

Honza

Prettifying stack frame URLs

It's currently almost impossible to follow stack frame URLs for exception objects. See the stack field (and fileName) on the following screenshot.

urls

The stack field contains individual frames separated by \n characters and every frame URL can be composed from several URLs separated by -> where the last URL is usually the important one.

I think that the last URL should be displayed by default. It should also be expandable to see the entire URL loader path (the other preceding parts).

STR:

  1. Put the following code in main.js
try {
    asdfasd.asdfa = asdf;
}
catch (err) {
    TraceError.sysout("EXCEPTION " + err, err);
}
  1. Check ERRORS option in the Tracing Console

  2. Launch Firefox+Firebug and check out the console, there should be one exception. Open it and select the Object tab.

Stack frame URLs should be displayed as a list of links that open the Source View when clicked.

Honza

Crop large strings

I guess the functionality existed but went away with the DOM panel refactoring in Firebug 2.0?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.