Сайты блокируют расширение для Google Chrome. Как побороть?

Question

dev123 @dev123

Сайты блокируют расширение для Google Chrome. Как побороть?

Добрый день!
Написал расширение для Chrome. Оно в iframe подгружает мой сайт.
На многих сайтах стоит Content Security Policy, который блокирует iframe в расширении.
Может кто-то знает как можно обойти этот CSP?

Вопрос задан более трёх лет назад
274 просмотра

4 комментария

Подписаться 3 Средний 4 комментария

Арсений Матыцин @ArsenyMatytsyn

Посмотреть, как это делает Яндекс.Советник)

Написано более трёх лет назад
ProjectSoft @ProjectSoft

dev123 покажите ваш манифест. Это первое.
Второе. Ваш сайт должен открываться по https протоколу.
Третье. В htaccess не должно быть запрета на отображение во фреймах.

Написано более трёх лет назад

dev123 @dev123 Автор вопроса

ProjectSoft, манифест:

{
  "manifest_version": 2,
  "name": "__MSG_extension_name__",
  "short_name": "__MSG_extension_short_name__",
  "version": "1.4",
  "default_locale": "ru",
  "description":"__MSG_extension_description__",
  "icons":{
    "128":"img/icons/128.png",
    "16":"img/icons/16.png",
    "48":"img/icons/48.png"
  },
  "background": {
    "scripts": [
      "background.js"
    ]
  },
  "permissions": [
    "tabs",
    "http://*/*",
    "https://*/*",
    "cookies",
    "\u003Call_urls\u003E", "unlimitedStorage"
  ],
  "browser_action": {
    "default_title": "SD widget",
    "default_icon": "img/icons/128.png"
  }
}

сайт открывается по https
в htaccess нет запрета, виджет открывается же на многих сайтах, на которых нет блокировки CSP

Написано более трёх лет назад

ProjectSoft @ProjectSoft

dev123,
Добавить в манифест

"content_scripts": [
	{
		"js": ["contentscript.js"],
		"matches": ["*://*/*"],
        "all_frames": true
    }
],
"web_accessible_resources": [
	"frame.html"
]

contentscript.js

var extensionOrigin = 'chrome-extension://' + chrome.runtime.id;
if (!location.ancestorOrigins.contains(extensionOrigin)) {
	var iframe = document.createElement('iframe');
	iframe.src = chrome.runtime.getURL('frame.html');
	document.body.appendChild(iframe);
}

frame.html

<!DOCTYPE html>
<html>
	<head></head>
	<body>
		<iframe src="https://mysite.ru/"></iframe>
	</body>
</html>

Ещё раз: ваш сайт должен открываться по https протоколу. Т. е. у вас должен быть установлен подписанный ssl сертификат.
Иначе содержимое будет блокироваться.

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Яндекс Практикум

Фулстек-разработчик

16 месяцев

Далее
Skillfactory

Профессия Веб-разработчик

12 месяцев

Далее
Хекслет

Fullstack-разработчик на Node.js

16 месяцев

Далее

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

Google

Простой
Как сделать Play Google Console в Казахстане?
- 2 подписчика
- 19 часов назад
- 85 просмотров
1

ответ
Google

+1 ещё

Простой
Как разместить приложение в Google Play?
- 1 подписчик
- 19 окт.
- 110 просмотров
1

ответ
Google

+1 ещё

Простой
Как заставить работать Google meet?
- 1 подписчик
- 10 окт.
- 263 просмотра
1

ответ
Веб-разработка

+1 ещё

Средний
Как корректно реализовывать согласие пользователя на обработку персональных данных, в связи с новыми правками?
- 6 подписчиков
- 03 окт.
- 669 просмотров
3

ответа
Веб-разработка

Простой
На сколько важно использовать услугу «Настройка защищенного соединения» от Timeweb?
- 2 подписчика
- 03 окт.
- 206 просмотров
3

ответа
Веб-разработка

Простой
Как определить от какого агрегатора пришел webhook?
- 1 подписчик
- 20 сент.
- 188 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Можно ли заменить кликанье мышью по веб-интерфейсу cli-командой?
- 3 подписчика
- 13 сент.
- 1070 просмотров
2

ответа
HTML

+4 ещё

Средний
Кривое отображение сайта на iOS-устройствах?
- 2 подписчика
- 13 сент.
- 417 просмотров
1

ответ
Веб-разработка

+1 ещё

Простой
Предупреждение сафари на сайте. Как его убрать?
- 1 подписчик
- 09 сент.
- 218 просмотров
0

ответов
Веб-разработка

Средний
Как в веб панели 3x-ui добавить favicon?
- 1 подписчик
- 04 сент.
- 166 просмотров
2

ответа
Показать ещё Загружается…

Fullstack-разработчик сайтов laravel

WEB ALTERNATIVE

от 65 000 ₽

Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская

JustBusiness • Санкт-Петербург

от 130 000 до 150 000 ₽

React разработчик

ITK academy • Нижний Новгород

от 80 000 до 120 000 ₽

Посмотреть, как это делает Яндекс.Советник)
dev123 покажите ваш манифест. Это первое.
Второе. Ваш сайт должен открываться по https протоколу.
Третье. В htaccess не должно быть запрета на отображение во фреймах.
ProjectSoft, манифест:
{ "manifest_version": 2, "name": "__MSG_extension_name__", "short_name": "__MSG_extension_short_name__", "version": "1.4", "default_locale": "ru", "description":"__MSG_extension_description__", "icons":{ "128":"img/icons/128.png", "16":"img/icons/16.png", "48":"img/icons/48.png" }, "background": { "scripts": [ "background.js" ] }, "permissions": [ "tabs", "http://*/*", "https://*/*", "cookies", "\u003Call_urls\u003E", "unlimitedStorage" ], "browser_action": { "default_title": "SD widget", "default_icon": "img/icons/128.png" } }

сайт открывается по https
в htaccess нет запрета, виджет открывается же на многих сайтах, на которых нет блокировки CSP
dev123,
Добавить в манифест
"content_scripts": [ { "js": ["contentscript.js"], "matches": ["*://*/*"], "all_frames": true } ], "web_accessible_resources": [ "frame.html" ]

contentscript.js
var extensionOrigin = 'chrome-extension://' + chrome.runtime.id; if (!location.ancestorOrigins.contains(extensionOrigin)) { var iframe = document.createElement('iframe'); iframe.src = chrome.runtime.getURL('frame.html'); document.body.appendChild(iframe); }

frame.html
<!DOCTYPE html> <html> <head></head> <body> <iframe src="https://mysite.ru/"></iframe> </body> </html>

Ещё раз: ваш сайт должен открываться по https протоколу. Т. е. у вас должен быть установлен подписанный ssl сертификат.
Иначе содержимое будет блокироваться.

Сайты блокируют расширение для Google Chrome. Как побороть?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт