How to read cross-origin CSS rules with JavaScript?

Question

I am trying to use document.styleSheets[i].cssRules in the JavaScript console to read loaded CSS files of a tab. However, more often than not, I get the error: