Knowledge Base

cancel
Showing results for 
Search instead for 
Did you mean: 

How do I view a detailed breakdown of cross-origin resource in a browser snapshot?

Users trying to view a breakdown of the API timing for each resource within a browser snapshot may see the following error and be unable to view information on cross-origin resource domains:

Screen Shot 2017-06-20 at 11.08.54 AM.pngCross Origin Resource

 

The solution for this issue is to allow timing information to be collected from your CDN or other domain.  Add the Timing-Allow-Origin header to all requests served by the CDN in your app code.

 

The value of the header can either be * (allow timing from requests from any domain) or a list of domains within quotations with spaces separating each one.

 

Example:

"Timing-Allow-Origin" "*" 
"Timing-Allow-Origin" "http://foo.com http://bar.com"

 

After the header has been added to the app code, users should be able to see the breakdown of the timing information within a browser snapshot. 

 

Example:

Screen Shot 2017-06-20 at 11.09.10 AM.pngCross domain Resource Breakdown Timing Info

If the problem persists, capture a HAR file and verify if the header is seen in the response. If not, the header may be stripped off by a proxy or other hardware.

 

Example: 

Header set for Adrum.js resource

 

Screen Shot 2017-06-20 at 11.19.52 AM.pngTiming-Allow-Origin

Version history
Revision #:
5 of 5
Last update:
‎10-12-2018 02:14 PM
Updated by:
 
Labels (1)


Found this article helpful? Click the Thumbs Up button.
Have an additional comment? Post it below.
0 Kudos