由于瀏覽器的同源安全策略尊剔,會(huì)導(dǎo)致不在一個(gè)域名下的接口在頁面上無法調(diào)用,在開發(fā)環(huán)境時(shí)經(jīng)常會(huì)遇到跨域痛单,這時(shí)我們可以關(guān)閉瀏覽器的同源安全策略 嘿棘,方便開發(fā)。
先說mac的方法旭绒,再說win鸟妙。
在mac上焦人,需要寫一個(gè)小小的啟動(dòng)腳本放在桌面上:
1.打開任意目錄,新建一個(gè)文件夾用來存放關(guān)閉同源策略后的谷歌瀏覽器用戶數(shù)據(jù)圆仔,建議放 Documents目錄垃瞧,名字隨意,建議語義化一點(diǎn)坪郭,例如ChromeDevUserData个从。為什么新建這個(gè)文件夾呢,就是不想影響正常的瀏覽器歪沃,像書簽啊歷史記錄啊緩存啊等都放在這個(gè)副本文件夾里嗦锐。
2.打開終端,切換到Desktop桌面目錄沪曙,新建一個(gè)腳本文件奕污,名字也建議語義化:
cd Desktop
touch chorme-debug.command
3.用vim打開這個(gè)空腳本,算了液走,直接右鍵用文本編輯打開吧碳默,寫上啟動(dòng)谷歌瀏覽器的命令,并帶上一些參數(shù)缘眶,后面那個(gè)路徑要寫上一開始創(chuàng)建的那個(gè)文件夾的路徑嘱根,把用戶文件夾的名字替換即可,--disable-web-security表示關(guān)閉瀏覽器同源策略巷懈,--user-data-dir=用來指定瀏覽器用戶數(shù)據(jù)的存放位置:
#! /bin/bash
open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/yyl/Documents/ChromeDevUserData
4.打開終端切換到桌面该抒,給這個(gè)創(chuàng)建好的腳本賦予755或者777權(quán)限,unix系統(tǒng)的文件權(quán)限是三位數(shù)顶燕,第一個(gè)數(shù)字表示此設(shè)備現(xiàn)在用戶的權(quán)限凑保,第二個(gè)數(shù)字表示此設(shè)備其他用戶的權(quán)限,第三個(gè)數(shù)字表示訪客用戶的權(quán)限涌攻。7是最高權(quán)限:可讀可寫可執(zhí)行欧引,5是可讀可執(zhí)行,還有6恳谎、4维咸、2、1惠爽、0就不一一解釋了癌蓖。
chmod 755 chorme-debug.command
5.在桌面雙擊這個(gè)腳本運(yùn)行,啟動(dòng)了谷歌瀏覽器婚肆,并且不受跨域限制租副,之后需要跨域調(diào)試時(shí)就通過雙擊這個(gè)腳本打開瀏覽器。
6.啟動(dòng)腳本后終端如果沒有自動(dòng)關(guān)閉较性,在終端的偏好設(shè)置-描述文件-Shell里選上‘當(dāng)Shell完全退出后關(guān)閉’:
再來講講win的用僧,win就比較簡(jiǎn)單了结胀,先在任意位置建立ChromeDevUserData,直接復(fù)制一個(gè)谷歌瀏覽器的快捷方式责循,然后重命名作區(qū)分糟港,例如叫ChromeDebug,然后右鍵-屬性院仿,在目標(biāo)那一欄追加:
--user-data-dir="c:\ChromeDevUserData" --test-type --disable-web-security
上面追加的信息里的路徑換成剛剛建立的文件夾路徑秸抚,之后點(diǎn)這個(gè)快捷方式打開谷歌瀏覽器就可以跨域訪問了,完美歹垫。