liveserver和直接双击浏览器打开html文件：协议差异与访问限制

许多开发者在使用LiveServer开发HTML项目时，会注意到它与直接双击打开HTML文件的方式有所不同。本文将深入分析这两种方法的差异。

核心区别在于使用的协议：LiveServer使用HTTP协议，而双击打开则使用FILE协议。

使用LiveServer（HTTP协议），浏览器访问的是本地服务器，文件路径通常被隐藏或代理。这意味着，LiveServer环境下，程序可能无法访问本地文件系统中的其他文件，这会影响依赖本地资源的项目。

相反，FILE协议直接从本地文件系统加载HTML文件。因此，程序通常可以访问同一目录下的其他文件，但受浏览器安全策略限制，并非所有资源都能访问。

page-agent 浏览器控制（CDP）

使用 page-agent CLI（CDP）控制浏览器；CLI只能通过 GitHub Release 的 .tgz 安装，npm 官方包暂未发布。

下载

立即学习“前端免费学习笔记（深入）”；

AJAX请求也存在差异。FILE协议下，AJAX请求通常失效，因为浏览器出于安全原因限制了FILE协议对网络资源的访问。而HTTP协议下，AJAX请求正常工作，这是LiveServer实现动态更新的关键。

最后，速度方面，FILE协议可能略快，因为它直接从本地加载，省去了服务器代理环节。但这仅为推测，需进一步验证。