Knowledge Base

cancel
Showing results for 
Search instead for 
Did you mean: 

How to view detail breakdown of cross-origin resource in 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:

Cross Origin ResourceCross 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:

Cross domain Resource Breakdown Timing InfoCross 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

 

Timing-Allow-OriginTiming-Allow-Origin

Version history
Revision #:
3 of 3
Last update:
‎06-20-2017 03:58 PM
Updated by:
 
0 Kudos