Chrome 测试本地 web 应用程序
如果您正在编写您的 PC 和您的浏览器没有设置服务器的测试输出的 HTML 和 JavaScript,你可能会一些交叉起源请求有关的错误消息。您的浏览器将呈现 HTML,运行 JavaScript,jQuery 或 AngularJS web 应用程序,并阻止请求。
这是许多 web 浏览器可能跨站点攻击造成一种普遍行为。这是可以理解的,因为它不够聪明,它允许某人从您的 web 浏览器读取您的硬盘。对不对?
更具体的例子:假设,您开发自定义指令 AngularJS web 应用程序,也许你很快测试一些没有任何 web 服务器的 AngularJS 功能。AngularJS 加载初始加载页面的 HTML 文件的自定义指令,所有文件由从您的 PC,AJAX 都加载,所以,您会看到一条错误消息,如"客户端无法加载file:///C:/somefolder/somefile.html"。我在浏览器控制台例如这些消息:
这是因为您的浏览器不允许file:/// AJAX 请求显然,您需要通过 HTTP 服务所有的文件。最简单的解决方案将安装浏览器的 web 服务器。它通过网络,使用 HTTP 服务从本地文件夹中的 web 页,并且确切地来援救。后从网上商店安装这个小型服务器应用程序,您将看到 Web 服务器图标。如有类似
打开浏览器的 web 服务器并选择一个目录来为静态内容提供服务。在我们的例子中,这是项目的您的主文件夹。
现在,正是能够传输大型文件,以及处理范围请求。它还正确设置 mime 类型。导航到http://127.0.0.1:8887中,您将看到您的项目的所有内容。假设,主要的文件被称为myapp.html。选择该文件之后, 你会看到 URL http://127.0.0.1:8887/myapp.html.现在因为 AngularJS 的所有单独的文件包含或指令顺着由 AJAX 通过 HTTP,web 应用程序很好。文件中的更改是可见没有任何重新启动或重新部署。
- 上一篇: 宁弘教你做网站:网站定位和菜单策划非常紧要!
- 下一篇: 网页色彩搭配技巧