cssRules / rules имеют нулевое значение в Chrome

Question

Мое расширение chrome должно изменить некоторые правила CSS на странице пользователя. Доступ к стилям через document.styleSheets дает доступ только к стилям, связанным внутри одного домена. Для других элементов массива document.styleSheets cssRules/rules имеет значение null.

Почему здесь применяется междоменная политика? Стили применяются в любом случае независимо от их происхождения, так какой смысл? И как обойти это в моем случае?

EDIT:

Причина, по которой мне нужно ИЗМЕНИТЬ пользовательские правила CSS (в отличие от простого добавления моих собственных), заключается в том, что мне нужно защитить пользовательский элемент, введенный расширением, от воздействия правил *. подробности в этом вопросе

Answer 1

Сценарии содержимого не имеют междоменных привилегий по сравнению с обычным javascript, поэтому любые ограничения переносятся.См. Связанный вопрос № 1 , вопрос № 2 .

Вы можете ввести свой собственный стиль CSS в манифесте:

"content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "css": ["mystyles.css"]
    }
]

там, где выможно попытаться перезаписать исходные стили, задав правила с более высокой специфичностью .

Вы также можете просто настроить стили конкретных элементов с помощью JavaScript:

document.getElementById("id").style.property="value";

Answer 2

Я исправил свою версию проблемы, изменив URL с http: // на https: //. Doh!