使chrome支持跨域訪問


 在做后台開發的時候,使用了iframe框架。后台主頁面如下:

<div  style="width:185px; overflow: hidden;" id="west"  data-options="region:'west',split:true,title:'功能菜單'">
    <div class="easyui-accordion" fit="true" border="false">
        <iframe name="leftFrame" id="leftFrame" width="100%" height="100%" scrolling="yes" frameborder="NO"
                style="width:100%;background-color:transparent;" allowTransparency="true"></iframe>
    </div>
</div>
<div id="mainPanle"  region="center" style="background: #eee; overflow:hidden; z-index: 10;">
    <!--height:100%;-->
    <div id="tabs" class="easyui-tabs" fit="true" border="false"> <!--style="height:100%;"-->
        <div title="歡迎使用" style="text-align:center;width:100%;height:100%;vertical-align:middle; text-align:center;" id="home">
            <iframe name="mainFrame" scrolling="auto" height="99%" width="100%" frameborder="0" 
                    src="welcome.html" ></iframe>
        </div>
    </div>
</div>

菜單頁面在leftFrame中打開,點擊菜單調用父頁面的一個js方法:

window.parent.addTab(menuid,menuname,url);

上面的代碼發布到服務器下訪問沒問題,但是在本地文件路徑下執行就會報錯:

這里設計到跨域訪問的問題,如果非要在本地來訪問,可以這是chrome的參數。

1.打開chrome快捷方式->屬性

2.末尾添加:

 --args --disable-web-security

3.重新啟動瀏覽器

注意:

如果你的chrome版本是49以上,則需要做如下設置

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=E:\MyChromeDevUserData

藍色部分可以自定義


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM