为什么此 JavaScript 代码仅在我在 HTTP 服务器上运行时才有效？

Question

我正在尝试构建一个使用 Google Calendar API 的 Chrome 扩展程序。 我试图避免仅仅为了对 Google 日历进行 API 调用而设置服务器。 我尝试按照此处的示例进行操作：

https://developers.google.com/google-apps/calendar/quickstart/js#step_2_set_up_the_sample

但是该代码要求我运行 HTTP 服务器。 为什么该代码仅在我在 HTTP 服务器上运行时才有效？ 据我所知，它只有 JavaScript 和 HTML，当我在浏览器上本地运行它时应该可以工作（使用 file:// 协议）。 我也没有看到任何 CORS 问题。

我可能只是设置了一个 Heroku 服务器，但我试图理解为什么这个看似客户端的代码需要一个服务器来运行！

Answer 1

出于安全原因，某些浏览器会阻止从file:// URL 加载的网页中的 Javascript 执行某些操作，例如进行 ajax 调用。

因此，由于此代码最终会向日历服务器发出一些 Ajax 调用，因此该代码可能希望确保您的网页不受这些安全限制的限制，因此它提出了一种可以从本地加载网页的方法web 服务器，而不是文件系统，因此它不会对加载有file:// URL 的页面施加任何限制。

值得一提的是，应用于file:// URL 的安全限制是特定于浏览器的（每个浏览器都有自己的选择来限制什么）。 Chrome 在这方面似乎相当严格（尽管我认为有一个命令行参数可以放宽其中一些限制）。