讓 Chrome 支援 Ajax 本地訪問

以下是一位Chrome使用者撰寫的使用心得。

前段時間一直用Chrome 和 Safari 來支援HTML5的運用，在測試的過程中發現原來由於Chrome的安全機制不能支援ajax的本地訪問， 例如：

在JavaScript裡面存取 URL：file:///E:/test.html，Chrome 瀏覽器報錯：XMLHttpRequest cannot load file:///E:/test.html. Origin null is not allowed by Access-Control-Allow-Origin.

解決它的方法就是將HTML5的程式做成 Chrome的擴充程式，該擴充程式的擴充檔案名稱為.crx。

1. 在程式根目錄下面增加一個manifest.json 檔案，檔案格式為：

{"name": "DemoApp",  "description": "Demo",  "version": "0.1",  "app": {    "launch": {      "local_path": "***.html"    }  },  "permissions": [    "unlimitedStorage"  ]}

2. 將該程式利用Chrome打包。 開啟Chrome，在設定按鈕中選擇【工具】->【擴充程式】，或者在地址欄輸入“chrome://extensions/”，

3. 點擊擴充程式，打包HTML程式：

4. 將打包後的擴充程式拖到chrome瀏覽器裡面安裝，安裝完後，運行程式即可。

本文來自：ITeye論壇