当我们打开本地 HTML 文件时，Chrome 浏览器可能会因为安全策略的原因而阻止页面正常加载。这是因为默认情况下，Chrome 不允许本地文件直接访问其他本地文件或资源，即使它们在同一目录下。但是，有些情况下我们需要在“允许文件访问”模式下使用 Chrome 启动 HTML 页面，例如我们需要测试一个 Web 应用程序或者我们只是想查看已经下载到本地的 HTML 文件。那么该如何操作呢？接下来我将为大家介绍具体的操作步骤。
步骤一：创建快捷方式
首先，我们需要创建 Chrome 的快捷方式，并且在目标路径后添加以下参数：
--allow-file-access-from-files
这个参数的作用是告诉 Chrome 浏览器允许本地文件夹之间的访问。具体操作步骤如下：
在桌面或者其他任意位置右键点击空白处，在弹出的菜单中选择“新建”->“快捷方式”。
在弹出的“创建快捷方式”对话框中，输入以下内容：
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files
注意：如果你的 Chrome 浏览器安装在其他位置，请相应地更改路径。
点击“下一步”按钮，输入一个名称，并点击“完成”按钮。
步骤二：打开本地文件
现在，我们已经创建了一个允许文件访问的 Chrome 快捷方式。接下来，我们可以通过以下两种方式打开本地 HTML 文件：
方法一：拖拽文件到快捷方式上
找到要打开的 HTML 文件。
将文件拖放到我们之前创建的快捷方式上。
Chrome 浏览器将会启动，并在其中打开该 HTML 文件。
方法二：使用命令行启动
打开命令提示符或者 PowerShell。
输入以下命令：
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files C:\path\to\your\file.html
其中，“C:\path\to\your\file.html”是你要打开的 HTML 文件的路径。
按下回车键，Chrome 浏览器将会启动，并在其中打开该 HTML 文件。
示例代码
以下是一个简单的 HTML 页面示例，用于演示如何在“允许文件访问”模式下使用 Chrome 启动本地 HTML 文件：
-- -------------------- ---- ------- --------- ----- ------ ------ ------------- ---- ------ --------------- ------ ---------------- ------- ------ ----------- ----------- -------- -- -- ------- -- --- -- --- ------ -- ---- ----- ---- ----- -- ------ ---- ------- --------- ------- -------
总结
通过以上步骤，我们已经成功地在“允许文件访问”模式下使用 Chrome 启动了本地 HTML 文件。需要注意的是，这种方式存在一定的安全风险，因此不要在公共计算机上使用。同时，为了更好的体验，我们可以使用一些开发者工具来帮助我们调试本地 HTML 页面，例如 VS Code 或者 WebStorm 等。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11232
