Flashbug – An extension for Firebug
- Compatibility: Firebug 1.05 (Firefox 2), Firebug 1.3, 1.4
- File Size: About 45Kb
What’s New
- Fixed regex expression for urls
- Fixed regex expression for urls in xml
- Fixed multiline XML with blank lines from AIR apps
- Fixed multiline XML traces not showing up
- Can now open the log file directly
- Read SharedObject
- (For Firebug 1.4+) Read AMF/Remoting Request Data – Not server Response, Firebug won’t have access to this possibly Firebug 1.6. Example: http://www.adobe.com/devnet/flex/tourdeflex/web/#sampleId=13300;illustIndex=0;docIndex=0
Description
This will display any traces from any .SWFs running currently (in Firefox or outside of Firefox). All the traces are displayed in a Flash Console tab in Firebug. You can search using the search box in Firebug to highlight any matches. Another added feature is line highlighting and icons for errors, warnings, and info traces. Finally, for any urls that appear in the traces, you can right-click on them to open them in a new tab.
Like FlashTracer, it is required to have the Flash Player Debugger installed or you will not see any traces. Flashbug will tell you the version of Player detected on your system. If you do not have the Debug version, it will give you a link to download it.
Unlike FlashTracer there is no need to configure the flashlog.txt or mm.cfg files. This is all handled in the background by Flashbug so you can just get straight to working.
You can now open either the Trace or Policy log directly from Flashbug. This is to help allow people who want to either export or copy the raw traces directly.
Also new is the Shared Object inspector. This works by listening to all the SWFs that are loaded for the page you are on. It then checks based on the domain against the Shared Objects stored on your computer. If it finds any, it will list them in this panel.
Each row will list a Shared Object found, which you can expand to see the data stored within. You can also right click to open the file directly, if you have an editor installed. Or you can copy the path to the file, or even open the containing folder.
Finally, there is AMF decoding added to the Net Panel of Firebug. This is available only for Firebug 1.4+. If you visit a site that relies on remoting for data transfer you can now inspect the AMF Request being sent to the server. To do this, find the row in the Net Panel that is the AMF Request, and expand it. Once expanded you will see an AMF tab, clicking this will display the AMF message in it’s entirety for you to inspect. Please keep in mind this does not include the server *Response*. Currently I’m unable to get access to the binary response data. When this is available expect an update including that feature.
Features
- Utilizes Firebug’s built in search feature – When you search for any words in the logs, the words will be highlighted in real-time.
- Displays Trace logs – Displays the traces emitted from all Flash instances playing in any browser.
- Displays Policy logs – Displays the policy log traces emitted from the Flash Player. These traces usually occur when using cross-domain policies or loading assets from a different domain.
- Automatically setup Debug Player for logging – In FlashTracer you were required to manually configure the log file location. This is now handled automatically by the extension.
- Configure Debug Player settings – The Flash Player itself can be configured to trace out data differently. Those options are available in the preferences window.
- Trace filters – There are a few builtin filters to display your traces differently. If you want to trae an error, it will be traced out in red with an error icon. If you want to trace XML, using the xml keyword, Flashbug will format the xml in a readable and colored format. Below is the list of keywords currently built into Flashbug. In the future I plan on making this customizable.
- @@XML@@ : Formats it into ‘pretty’ XML with coloring
- @@HTML@@ : Same as XML
- @@INFO@@ : Displays a blue information icon to the left
- @@WARNING@@ : Background is a teal with an warning icon to the left
- @@ERROR@@ : Background is a light red with an error icon to the left - Built-in Links – Any URLs that are detected in the traces will be dot underlined. You can then right-click on them to open that URL in a new tab or copy the location to the clipboard.
- Read SharedObject – Read any Shared Objects associated with a page. You can inspect them just like object in Firebug.
- (For Firebug 1.4+) Read AMF/Remoting Request Data – View AMF data sent from the page to the server. Unfortunately viewing the response from the server isn’t available yet. When this is possible, Flashbug will be updated. I figured better to have half a feature than no feature.
Need Help?
Feel free to e-mail me a question. When you e-mail your question, please include pictures (if applicable) that clearly demonstrates the problem and provide a brief explanation.
Author: Gabriel Mariani, (e-mail: gabriel -at- coursevector.com)
Copyright 2009, CourseVector (This work is subject to the terms here.)
50 Comments to Flashbug – An extension for Firebug
[...] Flash开发工具阵营又有新成员,FlashBug作为对FireBug插件的扩展,是专门为Flash/Flex开发者设计的。你再不需要通过调用JavaScript来利用FireBug的Console功能,FlashBug可以自动捕捉SWF中的trace()及警告信息。唯一的要求是你的Firefox需要安装有Debugger版本的Flash Player。 [...]
October 8, 2009
what’s your plan for the compatibility with firefox 3.5?
October 8, 2009
What do you mean? It works with Firefox 3.5, that’s what I’m using right now. Are you having problems?
October 10, 2009
[...] Flash开发工具阵营又有新成员,FlashBug作为对FireBug插件的扩展,是专门为Flash/Flex开发者设计的。你再不需要通过调用JavaScript来利用FireBug的Console功能,FlashBug可以自动捕捉SWF中的trace()及警告信息。唯一的要求是你的Firefox需要安装有Debugger版本的Flash Player。 [...]
October 10, 2009
my flashbug can’t trace anything . my firefox is 3.5.3, debugplayer is 10.0.32.18. ths.
October 12, 2009
If you run into any issues please list the following:
The version of Firebug you have installed.
The version of Firefox you are using
The Flash Player according to Flashbug (as written on the Flash Console panel). If that is unavailable check against PlayerVersion.com
Ant, on the Flash Console tab, does it say that you are using a debug player? If so, please check the Firefox Error Console (Ctrl-Shift-J) and tell me if you see any javascript errors in regards to Flashbug. Finally, what extensions are you using so I can try to duplicate your Firefox profile (and hopefully the bug). thanks
October 13, 2009
thank you for your reply…flashbug console show my flashplayer is “PlayerVersion :WIN 10.0.32.18(Debug player)”.
and firfox Error Console not show anything js errors…my firebug is 1.4.3…
October 13, 2009
What extensions are you using? Also how are you trying to use Flashbug? Does it open fine, no visible errors? Are you sure the pages you’re visiting have traces?
October 13, 2009
Doesnt work for me as well, i am having the exact same problem as Ant it seems.
Addons: Colorzilla, Firebug, FireRainbow, Flashbug, Html Validator, Java Quick Starter, MeasureIt, Microsoft .Net Framework Assistant, Web Developer, Xmarks
Firefox 3.5.3
“PlayerVersion :WIN 10.0.32.18(Debug player)”.
October 13, 2009
it seems to be working now, i rebooted my computer, and restarted firefox without saving my tabs.
October 14, 2009
I think your issue might have been with the Flash Player. When Flashbug runs for the first time on a computer that hasn’t been configured for traces before, it’ll create a config file. But Flash Player may not recognize the config file until all instances of the Flash Player have been restarted. Usually this just means restarting the browser(s). But glad to hear it’s working for you now.
October 19, 2009
Awesome Tool! I have since replaced FlashTracer with your tool, and have not looked back!
Keep up the brilliant work, looking forwarded to future enhancements. ^_^
Works well for me in PC FF v2 & v3.5 and Mac FF v3.0
Regards!
October 24, 2009
Awesome Tool. This is way better than FlashTracer.
Couple quick feature requests though (not even sure they are possible):
1. A lot of the time, I would like to know where flash objects are pulling their resources from (such as videos or images when not compiled into the swf), would it be possible to add like a load log that would display the urls of files that are loaded?
2. I noticed the trace log only shows traces from the root-level swf object, would it be possible to have it also display traces from any swfs called by the original one (that sort of run in the background)?
3. The ability to dump the log to a file would be great.
If these features were added, it would make your plugin the single greatest thing since the advent of the tubes (well maby not the greatest, but close). Anyways, keep up the good work, and I can’t wait to see the final product.
October 26, 2009
@DRayX
1. You can already view this by going to the Net panel in Firebug and selecting the Flash filter. This will show all FLV’s, and SWF’s being loaded in. There isn’t an api to detect anything else that was loaded specifically from a SWF so you just have to know what you are looking for in the Net panel.
2. The trace log should show traces from ALL swfs (including swfs playing in other browsers). The way the trace log works is it’s a single text file used by any instance of the Flash Player. Flashbug isn’t doing anything specific to grab the traces from each swf.
3. Technically this is already dumped in a file but I can see about making it either open the log file directly or save it out somewhere.
October 28, 2009
Whats up man! Great extension! How hard would it be to allow the @@XML@@ to also format XMLLists or single nodes?
October 28, 2009
I’d have to look into it. Right now the XML is passed into Firefox’s internal XML parser to see if it’s valid before continuing. I can see if there is another way around that.
November 9, 2009
Great plugin! I use it daily.
I have one question, is it possible to clear the trace log when I refresh the browser? I find my self clearing everytime I refresh / retest the flash application.
November 10, 2009
Hmm maybe, I’ll have to see what functionality is available in Firebug/Firefox
November 10, 2009
Very cool add-on. I’m running OS X 10.6.2, Firefox 3.5.5, Flash debug player 10,0,32,18, Firebug 1.4.5, and Flashbug 1.5.0. In order to get the logging working, I had to move the mm.cfg file:
mv ~/mm.cfg /Library/Application\ Support/Macromedia/mm.cfg
I hope that is helpful.
November 11, 2009
Excellent, thanks for the tip. Don’t have a Mac so my testing is limited.
November 18, 2009
Im using Flash Debug Player 10.0.32.18, Firebug 1.4.5 and Firefox 3.5 on Windows XP. Firefox error panel ist empty and Firebug shows the Flash Console tab, but it is disabled and stays that way. I previously had Flash Tracer installed and logging worked fine. If I delete the log-files manually they are recreated in the same place when I start Firefox again. Any ideas?
November 19, 2009
I know it’s obvious but did you try enabling the panel?
November 20, 2009
Yeah I tried this, but I don’t know how I should do this exactly. There is no small arrow like in the other tabs (because this arrow only appears when you select them) and opening the tab doesn’t work. It highlights the tabs outline, but clicking has no effect.
December 1, 2009
Where’s the flashbug console? I don’t see anything for flashbug except for the extension and it’s options. Running FF 3.5.5 and FLASG WIN 10,0,32,18 (Debug player)
December 5, 2009
Hi, Gabriel
Great Add-On
But do you know what is the name of “Application Data” folder in Germany? “Anwendungsdaten”!!! This is the problem of Nico and me. Danke dir fuer FlashBug :)
December 8, 2009
I am trying to get a trace of from this url http://v3.player.abacast.com/player/player.php?pid=maverickmedia_kxfxfm
Not seeing any trace data.
I am using
Firefox 3.3.3
Firebug 1.4.5
Flash Player with debuger WIN 10,0,32,18(Debug player)
any ideas?
Firebug 1.4.5
December 17, 2009
Hello,
your plugin is great. But i have one problem.
But i have one problem. If i use stage.focus = xyz this do not work. I get the focus if i click on the stage but after this i lose the focus. After deactivating vour plugin, anything is allright.
Firefox: 3.56 Flashbug 1.50 and the latest flash player with debuger.
But now when i think about it. Today i installet the new Firefox 3.56. maybe this it is, because i think the last days i havent the problem … bad memory
sorry for my bad english.
December 20, 2009
@gennadij polikarpov and Nico
You are running Windows XP?
Try to create a junction named “Application Data” that points to “Anwendungsdaten”. That fixed the firebug panel for me.
http://de.wikipedia.org/wiki/Symbolische_Verkn%C3%BCpfung#Abzweigungspunkte
I think MS changed the folder structure in Vista and 7 so this step may not be necessary on these systems, but on XP…
December 21, 2009
Hello,
I have this problem: Firebug works fine without Flashbug But when I install and activate Flashbug, I can run Firebug, but nothing is shown in its window. No content, nothing :-(
My system:
Windows XP
Firefox 3.5.6
Flash Debug Player 10,0,32,18
Firebug 1.4.5
Flashbug 1.5.0
If you gave me some help as a gift for christmas, I would be thankful ;-)
Best regards from Switzerland,
Christian
December 21, 2009
thanks
December 22, 2009
So I think the underlying issue is that Flashbug is trying to guess where the mm.cfg file goes to make it easier to setup. But I only configured it for en/us setups. Maybe the next step would be to create localized versions of Flashbug that would be configured for Swiss/German/etc setups. Are the folders all named the same except for Application Data?
And yes, sorry for not having any updates sooner. But where I work, the holiday season is super busy. When things slow down (probably in January) i’ll be able to give some attention back to Flashbug. Sorry for the wait!
December 25, 2009
Frohe Weihnachten!
Merry Christmas!
@Andreas
Your variant is sure OK
2. variant:
replace “Application Data” with “Anwendungsdaten” in lib.js and solReader.js
@gabriel
we have Anwendugsdaten, Lokale Einstellungen, Netzwerkumgebung,…
December 30, 2009
Take care with trace filters flags with XML. Only multiline XML works :
trace(“@@XML@@\nTest 1\n”)
trace(“@@XML@@Test 2″)
Only the first is displayed
And if you trace an empty XML
trace(“@@XML@@”);
This produce an XML parsing error “No element found”
December 30, 2009
Does not show anything.
Windows 7 64 bit, Firefox 3.5.6, Firebug 1.4.5, Flashbug 1.5.0, Flash Player Debug, 10.0.42.34.
Anyone has any clue?
January 12, 2010
[...] is a simple example. Press the up arrow on your keyboard. Also enable firefox flashbug to see the traces) source: here. (exampled saved as [...]
January 13, 2010
I installed de Flash Debugger, and next the Flashbug, but it doesnt work.
In the firebug I can see the console flash but it’s inactive. How can I activate it__
January 14, 2010
The tip from Andreas totally worked for me, just be sure, you take the “Anwendungsdaten” folder o the right user.
for my machine, the complete commandline was
linkd “C:\Application Data” “C:\Dokumente und Einstellungen\\Anwendungsdaten”
where , of course, is to be replaced by the user you are logged in with.
Also watch that the Firefosx instance that you use for installing the plugin uses the correct profile.
Last but not least, when you copy the above command line to your dosbox, the quotation marks can get corrupted. They might still look like quotationmarks, but dos will alsways tell you the correc tusage of linkd.exe ;-)
Before: Installation worked, when opening Firebug, plain grey was shown
After: Everything works as intended
January 14, 2010
somehow, in my last post, the line got damaged, so here again
linkd “C:\Application Data” “C:\Dokumente und Einstellungen\username\Anwendungsdaten”
January 22, 2010
Hi there, to make it easier – Walter Bese is perfectly right! But because I hat to search a lot for the files, here are the paths to “lib.js” and “solReader.js” where “Application Data” hast to be replaced with “Anwendungsdaten” on swiss/german/austrian systems:
C:\ Dokumente und Einstellungen \ USERNAME \ Anwendungsdaten \ Mozilla \ Firefox \ Profiles \ XXXXXXX.default \ extensions \ flashbug@coursevector.com \ chrome \ content \ flashbug
Thanks for the good help.
January 25, 2010
Windows Server 2003
Firefox 3.6
Firebug 1.5
Flashbug 1.5
On start:
TypeError: dir is null
When I change the add-on options:
TypeError: dir is null
[Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsILocalFile.initWithPath]” nsresult: “0×80004005 (NS_ERROR_FAILURE)” location: “JS frame :: chrome://flashbug/content/lib.js :: anonymous :: line 237″ data: no]
February 3, 2010
I am unable to active the “Flash Console” tab! It displays this in the “Console” tab:
Firebug.FlashbugModel.solReader is null
Filtered chrome url chrome://flashbug/content/flashbug.js
flashbug.js (line 1368)
Which is this line:
Firebug.FlashbugModel.solReader.initContext(this, this.context);
Windows XP
FireFox 3.6
FireBug 1.5.0
FlashBug 1.5.0
Adobe Flash 10.0.42.34 Debugger Version
What is the problem here?
February 10, 2010
Great job!! Thank you for all your hard work on this add on it is very useful.
ONE BIG QUESTION:
Could you tell us more on why the AMF reponse can’t be decoded. You mention you don’t have access to the AMF binary response. Is that a limitation on firebug or firefox? Please let us know. Thank you again.
February 15, 2010
Firebug: 1.5.0
Firefox: 3.6, Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2) Gecko/20100115 Firefox/3.6 (.NET CLR 3.5.30729)
Flash Player: WIN 10,0,42,34 (Debug player)
YSlow 2.0.6
All other extension are disabled.
Problem: Nothing is displayed in Firebug when Flashbug is enabled. Everything is enabled when Flashbug is dissabled.
February 18, 2010
Hi! I’m testing this out on Mac OSX 10.5.8, FF 3.5.8. Firebug 1.5.0. Player version: MAC 10,0,32,18 (Debug player).
I don’t see anything on Trace Log at all. :( Is there supposed to be something written in the ~/mm.cfg file? It’s empty for me here.
Thanks!
February 18, 2010
Wait, it worked! I just edited ~mm.cfg and added this:
ErrorReportingEnable=1
TraceOutputFileEnable=1
Thanks for this great plugin!
February 25, 2010
HOMEDRIVE=H: bug USERPROFILE is c:\doc… (normal)
This plugin works well on my Mac but fails on my windows PC (corp. image). I think the method of identifying the mmdir is not using USERPROFILE for some reason and fails to find the dir. My mm.cfg works fine and the trace log is in the default win location. I can continue using the log for now, but I like the plugin. Thanks!
“TypeError: dir is null”
Windows XP
Flash Debug Plugin 10,0,42,34
Mozilla 3.5.8
Firebug 1.5.2
March 5, 2010
I love it! … would love it even more if I could get it to work properly.
(OSX 10.5.8 & FF 3.5.2)
It works (reads/writes to the log) great when I am testing swf files locally, but doesn’t work when I publish my files online?
March 5, 2010
[...] sort of flash dev, I highly suggest you get your hands on one (or both) of these tools: FlashBug [ get it ] or FlashTrace [ this too ] (eitherway you will need the flash debugger [ need it ]). If you are [...]
[...] stumbled across this fantastic little tool Flashbug. Features include Displays Trace, Read AMF/Remoting Request Data and Reads SharedObject. Very [...]
[...] Flashbug; debug Flash content within Firefox via Firebug. [...]



October 2, 2009