friping 发表于 2013-1-29 11:39:03

让chrome 支持 ajax 本地访问

前段时间一直用chrome 和 safari 来支持html5的运用,在测试的过程中发现原来由于chrome的安全机制不能支持ajax的本地访问, 例如 在javascript里面 访问url file:///E:/test.html.
 
chrome 浏览器报错:XMLHttpRequestcannot load file:///E:/test.html. Origin null is notallowed 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/. 如图:
 
http://dl.iteye.com/upload/attachment/354450/9ee6f316-a38b-342c-a1e0-1b390c28872b.png
 
3,点击扩展程序,打包html程序:
 
http://dl.iteye.com/upload/attachment/354452/36e3c35d-461c-30d8-a9f9-e9e2884585a5.png<!---->
 
4,将打包后的扩展程序拖到chrome浏览器里面安装,安装完后,运行程序即可。
 
 
 
友情链接:http://www.androidroad.com
页: [1]
查看完整版本: 让chrome 支持 ajax 本地访问