sim*_*ple 47 javascript browser
我正在尝试使用Chrome浏览器在我的本地测试一些javascript,但Chrome不会加载本地资源.有一个简单的解决方法吗？
pic*_*e 涅 21
如果您只是想测试javascript文件的功能:创建一个空白的html文件,添加一个链接到您的js文件,就像通常从html加载一个js文件,并在Chrome中打开html文件.转到javascript控制台.您将能够像往常一样与js代码的功能进行交互.您不需要为此设置服务器.如果还不清楚,这是一个例子:
<html>
<head>
<script type = "text/javascript" src = "path/to/your/jsfile"></script>
</head>
</html>
Mag*_*esh 11
您可以使用轻量级网络服务器来提供文件.
例如,
1.安装节点
2.安装"http-server"(或类似)软件包
3.从脚本文件所在的文件夹中运行http-server软件包("http-server -c-1")
4从chrome控制台加载脚本(在chrome控制台上运行以下脚本
var ele = document.createElement("script");
var scriptPath = "http://localhost:8080/{scriptfilename}.js" //verify the script path
ele.setAttribute("src",scriptPath);
document.head.appendChild(ele)
jin*_*142 11
要在仅使用本地计算机而不使用网络服务器时在Chrome中加载本地资源,您需要添加--allow-file-access-from-files标志.
您可以使用Chrome的快捷方式来访问,而不是.
在桌面上为Chrome创建快捷方式,右键单击快捷方式,选择属性.在打开的对话框中找到快捷方式的目标,并在chrome.exe离开空格后添加参数
例如C:\ PATH TO\chrome.exe --allow-file-access-from-files
此快捷方式将允许访问文件,而不会影响您拥有的任何其他Chrome快捷方式.
当您使用此快捷方式打开Chrome时,它应该允许使用HTML5和文件系统API加载本地资源
小智 6
使用 Chrome 浏览器和 Chrome 扩展的 Web 服务器，设置默认文件夹并将链接的 html/js 文件放入其中，在 Chrome 中浏览到 127.0.0.1:8887（0r，无论端口设置为何），然后打开开发人员面板＆ 安慰。然后，您可以在控制台中与 html/js 脚本进行交互。
出于安全原因，现代浏览器不会从本地运行的 HTML 文件（file://地址栏中使用协议的文件）加载资源。
让现代浏览器在本地 HTML 文件中加载和运行 JavaScript 文件的最简单方法是运行本地 Web 服务器。
如果您不想为了测试 JavaScript 而设置 Node 或 Apache Web 服务器的麻烦，那么我建议您安装Visual Studio Code和Live Server扩展。
Visual Studio 代码是一个源代码编辑器，适用于几乎所有的编程语言。它内置了对 JavaScript、HTML、CSS、TypeScript 以及几乎所有用于 Web 开发的语言的支持。
您可以从https://code.visualstudio.com/获取适用于您平台的 Visual Studio Code 编辑器。它支持 Windows、Linux 和 Mac。如果这是您的事，我认为它也适用于您的 Surface Pro。
安装 VS Code 后，您可以使用 Visual Studio Code 中的扩展面板（Windows 中的 Ctrl+Shift+X）添加Live Code代码扩展。
添加扩展后，您应该会在 Visual Studio Code IDE 的右下角看到一个“上线”按钮（如上面的屏幕截图所示）。
在 Visual Studio Code 中打开 HTML 和 JavaScript 文件所在的根文件夹，然后单击“上线”按钮。或者，您可以在资源管理器中右键单击 HTML 文件 (Ctrl+Shift+E)，然后Open with Live Server从出现的弹出菜单中进行选择。
这应该会创建一个本地运行的 Web 服务器并在您的 Web 浏览器中打开文件或文件夹。如果您的文件路径正确，您的 JavaScript 文件也应该正确加载和运行。
如果由于某种原因，页面无法在您喜欢的浏览器中加载，请检查地址和端口号是否正确。如果 Live Server 正在运行，它应该在 Visual Studio IDE 的右下角显示端口号。确保浏览器的地址说http://127.0.0.1:<PORT>/index.html那里<PORT>有如图所示在Visual Studio代码状态栏相同数量。
