Lifehack для Same-Origin-Policy; Google Chrome и другие

Собственно тут все банально и просто.
— На вкладке «Filters» Включаем Use filters
— включаем «Set response header» и добавляем нужный заголовок «Allow-Control-Allow-Origin: *»
— включаем «Set request header» нужен для Хрома не нужен он для хрома смотрите ниже про флаги в хроме

Все!

manifest.json

{ 	"name": "Allow-Control-Allow-Origin: *", 	"version": "1.0", 	"manifest_version": 2, 	"description": "Allow to you request any site with ajax from any source. Add to response - 'Allow-Control-Allow-Origin: *' header", 	"background": {  // собственно подключили скрипт нашего расширения  		"scripts": ["background.js"] 	}, 	"browser_action": { //добавим кнопку расширения с картинкой и заголовком, "default_popup" мне не нужен 	"default_icon": "off.gif", 	"default_title": "Allow-Control-Allow-Origin" 	}, 	"permissions": [  		"storage",     // для localStorage 		"webRequest",    //для webRequest API 		"webRequestBlocking", 		"*://*/*" //хочу посылать запросы на любой адрес  	], 	"web_accessible_resources": [     //ресурсы расширения - чтобы не писать полный путь к картинке когда мы ее будем менять 		"on.gif","off.gif" 	] } 

Чуть более подробно:
— «background» — один, два вкратце — для того чтобы расширение работало при запуске Хрома в фоне.
В «permissions»: [ "*://*/*"] указывается адреса сайтов где расширение работает и куда есть доступ послать ajax-запрос из расширения. Альтернатива «content_scripts»: […],
если нужно встроить скрипт прямо на страницы открытого сайта (полезно если нужно использовать функции и переменные объявленные в скриптах сайта, иначе расширение работает в своей области видимости а скрипты сайта в своей)
— «browser_action» — Нужен чтобы добавить кнопочку включения и выключения расширения
альтернатива «page_action»
одновременно page_action и browser_action использовать нельзя
— webRequest API и webRequestBlocking — подменять заголовки запроса и ответа
— «web_accessible_resources» — иначе путь к картинке должен выглядеть так:
нужно путь:
background-image:url("/sprites.png");
CSS
background-image:url(‘chrome-extension://__MSG_@@extension_id__/sprites.png’);
JS
var url = chrome.extension.getURL(‘sprites.png’);

backgound.js

var requestListener = function(details){ 	var flag = false, 		rule = { 			name: "Origin", 			value: "http://evil.com/" 		};  	for (var i = 0; i < details.requestHeaders.length; ++i) { 		if (details.requestHeaders[i].name === rule.name) { 			flag = true; 			details.requestHeaders[i].value = rule.value; 			break; 		} 	} 	if(!flag) details.requestHeaders.push(rule); 	return {requestHeaders: details.requestHeaders}; };  var responseListener = function(details){ 	var rule = { 			"name": "Access-Control-Allow-Origin", 			"value": "*" 		};  	details.responseHeaders.push(rule);  	return {responseHeaders: details.responseHeaders}; };   /*On install*/ chrome.runtime.onInstalled.addListener(function(){ 	localStorage.active = false; });  /*Icon change*/ chrome.browserAction.onClicked.addListener(function(tab){ 	if(localStorage.active === "true"){ 		localStorage.active = false; 		chrome.browserAction.setIcon({path: "off.gif"});  		/*Remove Response Listener*/ 		chrome.webRequest.onHeadersReceived.removeListener(responseListener); 		chrome.webRequest.onBeforeSendHeaders.removeListener(requestListener); 	}else{ 		localStorage.active = true; 		chrome.browserAction.setIcon({path: "on.gif"});  		/*Add Response Listener*/ 		chrome.webRequest.onHeadersReceived.addListener(responseListener,{ 			urls: [ 				"*://*/*" 			] 		},["blocking", "responseHeaders"]);  		chrome.webRequest.onBeforeSendHeaders.addListener(requestListener,{ 			urls: [ 				"*://*/*" 			] 		},["requestHeaders"]); 	} }); 

Подробнее по коду:
Callback’и для onHeadersReceived и onBeforeSendHeaders вынес в отдельные функции responseListener и requestListener соответственно для того что бы после включении и выключении плагина заголовки не подменялись. Удаляем навешенные обработчики

chrome.runtime.onInstalled — выполнится один раз — там можно инициализировать default состояние плагина

chrome.browserAction.onClicked.addListener — когда клацаем по кнопке расширения — отлавливаем событие и имитируем включение и выключение плагина

if(localStorage.active === «true») — почему-то я каждый раз спотыкаюсь на этом и забываю что ключи в localStorage хранятся в <String>

По сути onBeforeSendHeaders нам не нужен, но так как Хром не дает отсылать с localhost ajax-запросы пришлось добавить.
В первой версии расширения я этого не заметил так как при запуске хрома у меня стоит флаг —allow-file-access-from-files

Подробнее про флаги можно почитать тут и тут

У меня стоят такие:
Правой кнопкой по ярлыку -> Properties -> Targets
C:\Users\Ololo\AppData\Local\Google\Chrome\Application\chrome.exe —allow-file-access-from-files —remote-debugging-port=9222 —allow-file-access —allow-cross-origin-auth-prompt