google-chrome - 打开下载的 Gist 文件夹以检查元素

Question

我想在我的浏览器中使用 Web 检查器试验 Mike Bostock 的堆积条形图 (https://gist.github.com/3886208)。我意识到我需要示例文件（index.html 和 data.csv 文件）的本地副本才能使用它。但是，当我下载“gist”文件夹并使用 Chrome 打开 index.html 文件时，图表不会出现。我究竟做错了什么？

谢谢！

Answer 1

使用 Google Chrome，转到顶部菜单 > 查看 > 开发人员 > Javascript 控制台。您将看到一条消息

XMLHttpRequest cannot load file:///path/to/data.csv. Cross origin requests are only supported for HTTP.

根据https://github.com/mbostock/d3/wiki

在本地开发时，请注意您的浏览器可能会强制执行从本地文件系统读取文件的严格权限。如果您在本地使用 d3.xhr（包括 d3.json 等），则必须有本地 Web 服务器。例如，您可以运行 Python 的内置服务器：

python -m SimpleHTTPServer 8888 & 

运行后，转到http://localhost:8888/。