liveserver与直接双击打开html文件的区别详解

许多前端开发者在预览HTML文件时，习惯使用LiveServer插件或直接双击文件用浏览器打开。两种方法看似相同，实则差异显著。本文将深入探讨两者区别。

核心差异在于使用的协议：LiveServer使用HTTP协议，而直接双击则使用file协议。

HTTP协议下，浏览器访问的是LiveServer搭建的本地服务器。服务器会处理文件路径，通常隐藏部分路径信息，导致通过LiveServer打开的HTML文件难以直接访问本地其他文件。

file协议下，浏览器直接读取本地文件，因此可能访问HTML文件所在目录下的其他文件。

CDP浏览器大师

CDP浏览器大师：通过Chrome DevTools Protocol驱动已登录浏览器实现自动化任务，解决反爬封号、选择器失效、SPA路由难导航、固定sleep不准四大痛点。核心能力包括UA伪装、WebGL/Canvas指纹混淆、智能等待、动态选择器以及可视化调试。

下载

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

AJAX请求方面，由于安全限制，file协议下AJAX请求通常无法正常工作（部分浏览器可能例外），而HTTP协议下则可正常运行。

速度方面，file协议通常比HTTP协议略快，这可能是因为省去了HTTP协议的服务器代理环节，但需注意，此结论并非官方验证。

总而言之，选择LiveServer还是直接双击，取决于项目需求。LiveServer更适合需要AJAX请求或更真实的网络环境测试的项目，而直接双击则更适合快速预览静态HTML文件。