Why am I here?

Sometimes, when you encounter complex issues with FogBugz or Kiln, such as troubles with an expected UI behavior, we need some information from your browser’s perspective in order to help you resolve it. This article explains how to generate a HAR file, which contains a record of a browsing session. The directions vary by browser

Chrome

Opening the Developer Tools

On a Mac press ⌥⌘I

On Windows press Ctrl+Shift+I

This will present a developer section at the bottom of your browser window. Select the network tab

2014 04 02 15 01 49

Recording Your Browser Activity

Now navigate through your browser’s web pages until you are ready to record your session. If the record button isn’t active (usually red) then click it.

2014 04 02 15 38 01

Now click clear to remove any extraneous history.

2014 04 02 15 38 01

Now you are recording your session, browse away until you have captured what you wish to share with us.

When you are done click the record button to stop recording – it should go grey.

2014 04 02 16 01 31

Saving Your Browsing Activity

To save your browsing activity, right click inside the developer panel and select “Save as HAR with content”.

2014 04 02 16 08 16

Once you have saved the HAR file you can send it to us as a case attachment.

Firefox (pre-42)

Setting up NetExport

To export HARs in Firefox before version 42 (currently Developer preview version), you will need to install Firebug and its NetExport extension, available at http://www.softwareishard.com/blog/netexport/

Opening the Developer Tools

 

Open the Firebug extension Firebug and navigate to the Net tab. It should look something like below. Note that “Persist” should not be checked:

Firebug Net Panel

Recording Your Browser Activity

Navigate to the page that needs to be captured. Firebug will automatically start capturing that page and clear out any previous results. Nifty!

Saving Your Browsing Activity

Once the page has finished loading, or you have captured enough information, you are ready to export the HAR. First, disable preview under Export > Options > Show Preview. Otherwise, a preview will be opened on a third-party site. Then, select Export > Save As… to send the data to a HAR file. This can be sent to us as an attachment.

Firebug - Net pane - Export options

 

Firefox (42+)

Currently, Firefox 42 is only available in the Developer channel; FogBugz On Demand does not officially support the Developer channel. Starting with Firefox 42, exporting to HAR should be a built-in feature available in the context menu of Developer > Network.

Internet Explorer 10

Opening the Developer Tools

Press F12 or use the Gear Menu > “F12 developer tools”

This will present a developer section at the bottom of your browser window. Select the Network tab

F12 Dev Tools Tabs

 

Recording Your Browser Activity

Now navigate through your browser’s web pages until you are ready to record your session. If you aren’t currently recording, then click “Start capturing”.

F12 Dev Tools Network Tab

Now you are recording your session, browse away until you have captured what you wish to share with us.

When you are done, click “Stop capturing”.

F12 Dev Tools Network Capture

 

Saving Your Browsing Activity

To save your browsing activity, click the save icon and choose to save as XML.

 

F12 Dev Tools Save XML

Once you have saved the XML file you can send it to us as a case attachment.