dh42 / harviewer Goto Github PK

What steps will reproduce the problem?
1. Follow Installation instructions on a linux machine 
http://code.google.com/p/harviewer/wiki/Installation

What is the expected output? 
Expect to have it to build a /release folder

What do you see instead?
Buildfile: build.xml

BUILD FAILED
/tmp/hartmp/harviewer/build.xml:36: /tmp/harviewer/C:/www/dojo/shrink-safe
not found.

Total time: 0 seconds


What version of the product are you using? 
r84

On what operating system?
CentOS

Another request we would find useful is the ability to draw some arbitrary 
vertical lines next to the DOMready and onLoad lines. Now this may get a bit 
more complex: We would like to inject that value in the har file in the pages 
sections for each page load (just like DOMready and onLoad). Since the 
pages->pageTimings contains values that could easily be drawn this way, do you 
think that some external function call could notify that har viewer that a new 
metric should be also drawn along with DOMready and onLoad ?

Something like:

                "pageTimings": {
                    "myNewMetric": 3444 // my custom metric
                    "onLoad": 17419, // standard values 
                    "onContentLoad": 13948 // standard values 
                },


and then:

HARViewerOptions = {'drawable_metrics': ['myNewMetric']}

roughly, you get the idea. And maybe add some color there too :)

Thats it

What steps will reproduce the problem?
1. Load web page with Flash Content
2. Save Archive via NetExport
3. Open Archive in HARViewer

What is the expected output? What do you see instead?
RContent Pie Graph should reprot Flash content.

What version of the product are you using? On what operating system?
Using NetExport 0.7b9 and HTTP Archive Viewer 1.1-7 with Firefox 3.5.6 
and 3.6 running on OS X.

Please provide any additional information below.
Attached a screen shot which shows Flash content is part of page, but is 
not being reported.

What steps will reproduce the problem?
1. take any har file 
2. change the start time of the first non-html entry to the page start time 
plus the sum of the timings
3.

What is the expected output? What do you see instead?

It should have shown a bar that starts at the end of the previous item. Instead 
I see something that looks like what the screenshot shows. 

I am not sure if this is bug. I could be doing something wrong on my end. 

Please note that this only seems to happen when the first non-html entry is a 
css file.

This is a feature request.

Hey Honza,

Do you think its possible to expose some object/function that will allow us to 
toggle the visibility of the tabs ? Also if you think that some mention (of the 
project or you) must be made maybe you could use the same space for that ? 

Thank you

Building on a linux system where files are case sensitive, it fails with:

     [exec] org.mozilla.javascript.WrappedException: Wrapped java.io.FileNotFoundException: ../../webapp-build/scripts/tabs/AboutTab.html (No such file or directory) (/var/home/dev/svn/trunk/src/harviewer/requirejs/build/jslib/requirePatch.js#128(eval)#159)

Well actually, it says the build was successful, but it obviously wasn't :)

Here's a patch to fix it:

--- webapp/scripts/tabs/aboutTab.js (revision 227)
+++ webapp/scripts/tabs/aboutTab.js (working copy)
@@ -34,7 +34,7 @@
     {
         var self = this;
         body = this.bodyTag.replace({}, body);
-        require(["text!tabs/AboutTab.html"], function(html)
+        require(["text!tabs/aboutTab.html"], function(html)
         {
             html = html.replace("@VERSION@", tabView.version, "g");
             html = html.replace("@HAR_SPEC_URL@", tabView.harSpecURL, "g");

HAR Viewer currently uses a mix of jQuery and direct DOM method access.  This 
leads to issues in some spots where it isn't fully cross-browser compatible.  
One example is event handling.

In harViewer.js, it uses Lib.fireEvent() to fire the onPreviewPreInit, etc 
events.  However, fireEvent() doesn't work for IE8 (maybe it was IE7) and below 
due to them not supporting the createEvent/dispatchEvent methods.

Would it be better to use jQuery's event handling for things like the 
onPreviewPreInit/etc events?  In the API documentation, you're using jQuery to 
bind the events, so it makes sense to use it to trigger the events as well.

Firebug has the preference extensions.firebug.netPhaseInterval that
customizes when the time break should happen. It would be good if the HTTP
Archive Viewer also had this setting.

I manually change the values of an entry in a HAR file to:

        "timings":{
          "dns":30,
          "connect":30,
          "blocked":30,
          "send":30,
          "wait":30,
          "receive":30
        }

Also changed:

"time":180,

To reflect the above values.

The resulting view (included in the screenshot) shows pieces of the bar being 
of different size then others. How can that be ? Am I missing something ?

When a waterfall gets split and the next request restarts on the left-hand 
side, I think a visual separator should be inserted in between the split parts. 
Something that says something like: '2.4 seconds elapsed' and clearly indicates 
why there is a break in the flow.

See also:
http://groups.google.com/group/http-archive-specification/browse_thread/thread/9
8554e4b09e0928b?hl=en

Honza

There is no problem to report. I would just like to ask a question. I am
trying to embed the har viewer in a existing web page. The problem is that
the har viewer assumes the window scope is his to use and is not very
graceful to other elements in the page. My question is are there any plans
to make the har viewer (js and css code) to be less "dominant" in the page
it gets included ? Also will you be accepting any patches to that effect if
I were able to make it work like that ?

Thank you very much

Commit r95 introduced a syntax error with IE.

--- har.page.stats.js   (revision 105)
+++ har.page.stats.js   (working copy)
@@ -122,7 +122,7 @@
 }
 var imageTypes = {
     "image/png": 1,
-    "image/jpeg": 1,
+    "image/jpeg": 1
 }

 var flashTypes = {

What steps will reproduce the problem?
1. A pageTimings without onLoad
2. Or a pageTimings with "onLoad":-1

What is the expected output? What do you see instead?

In the 1.1 and 1.2 spec, onLoad is said to be optional, but HAR viewer does not 
accept HAR without onLoad timing.

Also in the spec, the value -1 could be used. But in this case the graph 
generated by HAR viewer is quite strange. I think that HAR viewer is using the 
onLoad value to scale the graph, but when the value is -1 or 0 the graph is not 
scaled.

A copy of the spec (1.2) : 
"onLoad [number,optional] - Page is loaded (onLoad event fired). Number of 
milliseconds since page load started (page.startedDateTime). Use -1 if the 
timing does not apply to the current request."

What version of the product are you using? On what operating system?
1.1-10


Please provide any additional information below.
I really love your work, harviewer is really sexy ;)
Thank you that you did it open source.


Please attach a HAR file that can be used to reproduce the problem.

Here's a patch to use a sprite for the +/- image.  I'm not sure if the 
twisty-sprite.png image is used anywhere else, but I had to modify it so that 
it would work in this scenario.

--- webapp/css/requestList.css  (revision 296)
+++ webapp/css/requestList.css  (working copy)
@@ -377,11 +377,12 @@
 /*************************************************************************************************/

 .isExpandable .netHrefLabel {
-    background-image: url(images/twistyClosed.png);
+    background-image: url(images/twisty-sprites.png);
     background-repeat: no-repeat;
-    background-position: 2px 2px;
+    background-position: 3px 3px;
 }

 .netRow.opened > .netCol > .netHrefLabel {
-    background-image: url(images/twistyOpen.png);
+    background-image: url(images/twisty-sprites.png);
+    background-position: 3px -16px;
 }

How to filter out domains and results based on that.

I mean domain 1 -> result 1 on viewer (with graphs and all)
domain 2 -> result 2 on viewer (with graphs and all)

(use case example:) -> This will help in finding out which domain is
talking longer time to process http requests even if they are serving
equal size data.

Can anyone please guide me how to get the filtered results ? 

What steps will reproduce the problem?
1. Just use any example including images in HAR at Har viewer site
for instance:
http://www.softwareishard.com/har/viewer/?path=examples/softwareishard.com.har 


What is the expected output? What do you see instead?
Number of images in pie chart for the second transaction is zero although
there a lot of images!

Suggesion:

Maybe use the space the main tabs now use to just show a mention of the project.

What steps will reproduce the problem?
1. Open attached file in HAR Viewer
2. The request list is missing

Not sure if this is a correct fix since I'm not 100% sure how domplate works, 
but here's a patch that seems to fix the issue of all the "Error in parsing 
value for 'left'.  Declaration dropped." warnings that happen in Firefox.  It 
seems that $file.offset and $file.width are undefined.

--- webapp/scripts/preview/requestList.js   (revision 296)
+++ webapp/scripts/preview/requestList.js   (working copy)
@@ -91,12 +91,12 @@
                 TD({"class": "netTimeCol netCol"},
                     DIV({"class": "netTimelineBar"},
                         " ",
-                        DIV({"class": "netResolvingBar netBar", style: "left: 
$file.offset"}),
-                        DIV({"class": "netConnectingBar netBar", style: "left: 
$file.offset"}),
-                        DIV({"class": "netBlockingBar netBar", style: "left: 
$file.offset"}),
-                        DIV({"class": "netSendingBar netBar", style: "left: 
$file.offset"}),
-                        DIV({"class": "netWaitingBar netBar", style: "left: 
$file.offset"}),
-                        DIV({"class": "netReceivingBar netBar", style: "left: 
$file.offset; width: $file.width"},
+                        DIV({"class": "netResolvingBar netBar"}),
+                        DIV({"class": "netConnectingBar netBar"}),
+                        DIV({"class": "netBlockingBar netBar"}),
+                        DIV({"class": "netSendingBar netBar"}),
+                        DIV({"class": "netWaitingBar netBar"}),
+                        DIV({"class": "netReceivingBar netBar"},
                             SPAN({"class": "netTimeLabel"}, "$file|getElapsedTime")
                         )
                         // Page timings (vertical lines) are dynamically appended here.

What steps will reproduce the problem?
1. use included har file
2. observe error about not optional values for connect, dns, blocked
3.

What is the expected output? What do you see instead?
connect, dns and blocked timings should be optional as per 
http://groups.google.com/group/http-archive-specification/web/har-1-2-spec

What version of the product are you using? On what operating system?
Latest rev trunk

Please provide any additional information below.
I am also including a patch to fix issue

Please attach a HAR file that can be used to reproduce the problem.
Attaching a har file to reproduce and a diff to fix.

It's not possible to copy the url or view resources in the HAR viewer.  The 
following patch makes ctrl+click open the resource in a new window.

--- webapp/scripts/preview/requestList.js       (revision 230)
+++ webapp/scripts/preview/requestList.js       (working copy)
@@ -203,6 +203,10 @@
                 Lib.cancelEvent(event);
             }
         }
+        else if (Lib.isControlClick(event))
+        {
+            window.open(event.target.innerText || event.target.textContent);
+        }
     },

     toggleHeadersRow: function(row)

What steps will reproduce the problem?
1. View a HAR file in full page mode
2. Click on one of the toggle buttons at the top
3. Watch the downloadify icon disappear

What is the expected output? What do you see instead?
The downloadify icon should be there always

What version of the product are you using? On what operating system?
2.0.5

Please provide any additional information below.
I also noticed that the icon does not show up in Chrome/Safari

Please attach a HAR file that can be used to reproduce the problem.
Any har file will do

What steps will reproduce the problem?
1. In filesize tooltip there seems to be an unused placeholder
2. Ex. 34KB, 34,456 (%S bytes)
3.

What is the expected output? What do you see instead?
I am only assuming that the proper format is : 34KB (34,456 bytes)
So I am attaching a diff to fix this.

What version of the product are you using? On what operating system?
Latest rev trunk

Please provide any additional information below.
I am not sure if the diff is the way you want this. Its seems to me that 
something is going wrong with the Lib.cloneArray() function.

Please attach a HAR file that can be used to reproduce the problem.

What steps will reproduce the problem?
1. When a har file has negative (-1) timings the infotip still shows the labels

What is the expected output? What do you see instead?
I see DNS, connect etc. labels with negative values (-1) when they should have 
been omitted

What version of the product are you using? On what operating system?
Latest rev

Please provide any additional information below.


Please attach a HAR file that can be used to reproduce the problem.
I attaching a har to reproduce this and a diff patch to fix it.

What steps will reproduce the problem?
1. Added blocked time for entries that have resolve and connect times

What is the expected output? What do you see instead?
I see a bar that includes times for resolve, connect, blocked, wait... in that 
order. Blocked should be first I think.

What version of the product are you using? On what operating system?
Latest har viewer


Some extra questions:

Do you assume that you can never have resolve/connect times and blocked in the 
same entry? And if so is that observed only if firefox/firebug ?

Please attach a HAR file that can be used to reproduce the problem.
Har file attached.

We've been sent a 6Mb HAR file from a client attempting to debug a performance 
problem they're seeing. Attempting to load this file into the HAR viewer causes 
Firefox to report:

HarModel.parse; EXCEPTION
[
InternalError: script stack space quota is exhausted
]

I attempted it in IE but it's gone into a state of Not Responding.

Is there any way of working around this issue? I've looked through about:config 
in FF but I can't find any configuration options that would appear to change 
the JS stack size.

If there are no browser configuration changes to be made, are there any changes 
that could be made to the code to use memory other than stack for parsing?

NOTE: I can't attach the HAR file sent by our client as it contains 
confidential data. If you can't reproduce this I can create another archive to 
reproduce this issue but I suspect that the issue is purely down to the amount 
of data rather than any specific edge cases.

Would it be possible to download all the graphical information (perhaps 
filtered per issue 26) as PDF?

Honza

In preview/harModel.js, I see:

HarModel.Loader =
{
    run: function(callback, errorCallback)
    {
        var baseUrl = Lib.getURLParameter("baseUrl");

        // Append traling slahs if missing.
        if (baseUrl && baseUrl[baseUrl.length-1] != "/")
            baseUrl += "/";

        var paths = Lib.getURLParameters("path");

...

        // The URL can specify also a locale file (with the same domain).
        // http://domain/har/viewer?path=<local-file-path>
        var filePath = Lib.getURLParameter("path");

so it looks like the bottom bit of code won't be used since the above path will 
always handle the path parameter.

What steps will reproduce the problem?
1. Web server returns content type with charset

What is the expected output? What do you see instead?
Expected: text/html 
When: text/html; charset: utf-8;  I get: Pie slice as other

What version of the product are you using? On what operating system?
Latest rev

Please provide any additional information below.


Please attach a HAR file that can be used to reproduce the problem.
I attached a har file to reproduce and also a diff to fix the issue.

After building using Apache Ant there are some markup errors that prevent
the xhtml from being rendered properly.

Details are at
http://code.google.com/p/harviewer/issues/detail?id=8#c12
http://code.google.com/p/harviewer/issues/detail?id=8#c14

I suspect these issues are due to the xslt files 
http://code.google.com/p/harviewer/source/browse/trunk/xslt/index.xsl
http://code.google.com/p/harviewer/source/browse/trunk/xslt/loader.xsl
http://code.google.com/p/harviewer/source/browse/trunk/xslt/pagelist.xsl

When ant goes about and does it's thing it processes them and changes some
tags like the following below. Could this be due to the XHTML strict.dtd
declaration or maybe simply the xslt instructions and possibly it's trying
to make the markup TOO valid since that looks like proper xml?

<script type="text/javascript" src="har.js"></script>
to 
<script src="har.js" type="text/javascript" />

and 
<textarea id="sourceEditor" class="sourceEditor" cols="80" rows="5"></textarea>
to
<textarea id="sourceEditor" class="sourceEditor" cols="80" rows="5" />

additionally some of the @VERSION@ tags do not get changed.

A small patch to harModel.js to allow multiple urls to be passed in via 
inputUrl so that you can load multiple HAR files via this method.

Based these changes on harViewer.js, so you might want to give these a good 
once over :)

This patch adds similar events to the HAR Preview application that the HAR 
Viewer has (ie. onPreviewPreInit, onPreviewInit, onPreviewHARLoaded) so that we 
can do the same things to the HAR Preview app that we do with the HAR Viewer.

Just a quick note that there's a small typo in har.tab.preview.js. Wanted to 
save a few minutes of head scratching if you're trying to render a HAR with 
entries not associated with a page.

Starting on line 116:

            if (!pageStartedDateTime) 
                pageSstartedDateTime = parseISO8601(file.startedDateTime);

Should be: 

            if (!pageStartedDateTime) 
                pageStartedDateTime = parseISO8601(file.startedDateTime);

This code causes an error when it's used to split the lines of a response
and there isn't one (ie. a 301 redirect).

--- har.lib.js  2010-05-05 16:46:03.000000000 -0700
+++ har.lib.js.orig 2010-05-02 22:42:26.000000000 -0700
@@ -353,10 +353,7 @@
     splitLines: function(text)
     {
         var reSplitLines = /\r\n|\r|\n/;
-        if (!text) {
-            return [];
-        }
-        else if (text.split)
+        if (text.split)
             return text.split(reSplitLines);
         else
         {

I don't really know ant, but is there any way to automatically use 
requirejs/build/build.sh on linux systems?

Also, can we set the execute bit in svn on the build.sh script (svn propset 
svn:executable yes requirejs/build/build.sh).

1. via netExport, I uploaded my netPanel results here :
http://www.showslow.com/details/?url=http%3A%2F%2Fwww.timeofmylife.com%2Fmytoml

2. on this page, I use a HEAD request in order to make user event tracking

3. I got the following error when trying to display my results : 
log.entries[3].request.method       does not have a value in the enumeration
GET, POST, PUT, DELETE

Along with the the other toggle functionality we would really like if you could 
add the ability to toggle (on/off) the downloadify icon in the HAR viewer.

What steps will reproduce the problem?
1. Paste HAR into text box
2. click preview
3. find the timeline is not correct

What is the expected output? What do you see instead?

I saw misaligned timeline chart.

What version of the product are you using? On what operating system?

HAR 1.2 collected from Fiddler

Please provide any additional information below.

I am trying to use the online HarViewer tool on 
http://www.softwareishard.com/har/viewer/ to check a HAR file that I collect 
from Fiddler. It is very nice to see those good-looking timeline waterfall 
charts, and the statistics in the Pie charts. I immediately notice that must 
something wrong with the timeline charts. The 6th resource showed at the 
beginning of the chart (time 0). I attached the screeshot of the page, as well 
as the HAR file, and the timelien chart captured from Fiddler.

Please attach a HAR file that can be used to reproduce the problem.

http://www.softwareishard.com/har/viewer/

Tool complains "log.pages   is missing and it is not optional "

It's defined in the spec as optional: 
pages [array, optional] - List of all exported (tracked) pages. Leave out this 
field if the application does not support grouping by pages.

What steps will reproduce the problem?
1. Use attached log collected with direbug
2.
3.

What is the expected output? What do you see instead?
Working viewver

What version of the product are you using? On what operating system?
HTTP Archive Viewer 2.0.5, ubuntu, firefox 3.6.13, firebug 1.6.1, netexport 
0.8.b9

Please provide any additional information below.
It works int HTTP Archive Viewer 1.1-13 here http://www.5o9mm.com/har/viewer/

Please attach a HAR file that can be used to reproduce the problem.

It would be cool if you removed the google analytics tracking from
the bottom or maybe just tell people it's there if your purpose is to track
usage. For example in ShowSlow it's there as well but there is a config
option for it and it's disabled by default.

What steps will reproduce the problem?
1. load the attached har in the viewer
2. see total says 97 KB
3. adding up the files equals 49 KB

What is the expected output? 49 KB
What do you see instead? 97 KB

What version of the product are you using?
http://www.softwareishard.com/har/viewer/

On what operating system? Windows XP

Please provide any additional information below.
I also ran this is HttpWatch and it said ~50 KB (they include header size,
hence the slight increase). I thought it might be gzip, but most of these
are images. The content-length headers still add up to ~50 KB.

Support for displaying multiple HAR files instead of one.

Instead of generating a combined HAR file based on multiple separate HARs, 
accept multiple HAR/HARPs to display them.

Maybe load data asynchronously when person clicks on a vertical bar in page 
timeline.

My use case is to show data from ShowSlow - when HARs are collected over 
time: http://www.showslow.com/details/?url=http://www.sergeychernyshev.com/

Another feature request Honza:

We would find very useful if there was (again) some exposed function/object 
that will allow us to instruct the har viewer to always open the timeline and 
pies charts when the har viewer loads. Also the ability to remove the toggle 
buttons as well or even the whole buttonbar there and perhaps also expose their 
functions calls too (not needed) ?

Thanks

What steps will reproduce the problem?
1. Create a web report
2. Print
3. Only one page appears
4. From Jan "I think it's because of "overflow: hidden" applied on the page 
content. I
think I can fix it, but could you please file a new report for it so it's
not lost in the email, thanks!"

What is the expected output? What do you see instead?
 - I expect to see all pages printed
 - I think the current first page looks fine (tabs and all), just need the rest of the pages to print (with graphs)


What version of the product are you using? On what operating system?
 - This occurs on all browser (safari, ff, chrome) on Mac OSX...pretty sure this is platform agnostic problem.

Please provide any additional information below.


Please attach a HAR file that can be used to reproduce the problem.
 - Universal problem...not related to a single HAR file

Many thanks!
-- Frank Leahy, [email protected]

Noticed you added global.php to the build.xml but didn't add the file to the 
trunk.

Include in installation instructions some basic requirement information for
building through ANT

For example on CentOS I needed to install the Apache Ant version 1.6.5 and
then the optional Ant trax package to successfully build harviewer

 $ yum install ant.x86_64
 $ yum install ant-trax.x86_64

What steps will reproduce the problem?
1. Download the HAR attached (website http://www.rueducommerce.fr/)
2. View in har viewer 2.0.6 (http://www.softwareishard.com/har/viewer/)

What is the expected output? What do you see instead?

The total time should be : 3.864s

    Last entry start time : 2011-03-04T10:23:38.118+01:00 
    Plus last entry duration : 48ms
    Minus first entry start time : 2011-03-04T10:23:34.254+01:00
    = 3.864s

And the screenshot tell us : 1.65s

What version of the product are you using? On what operating system?
har viewer 2.0.6

Please provide any additional information below.


Please attach a HAR file that can be used to reproduce the problem.

What steps will reproduce the problem?
1. use a har file that has an iso date format with ms (eg. 
2011-01-21T16:03:08.340000) 
2.
3.

What is the expected output? What do you see instead?
It should have worked being a fraction of a second. Instead the validation 
fails and the resulting view is not consistent.

What version of the product are you using? On what operating system?
Latest rev trunk

Please provide any additional information below.


Please attach a HAR file that can be used to reproduce the problem.

What steps will reproduce the problem?
1. Load web page with which has content in Cache
2. Save Archive via NetExport
3. Open Archive in HARViewer

What is the expected output? What do you see instead?
Pie Graph for source of content does not display content from cache.

What version of the product are you using? On what operating system?
Using NetExport 0.7b9 and HTTP Archive Viewer 1.1-7 with Firefox 3.5.6 
and 3.6 running on OS X.

Please provide any additional information below.
Attached a screen shot which shows that cached content is part of page, 
but is  not being reported.