1. Using a very lightweight npm package: Install live-server using npm install -g live-server. Then, go to that directory open the terminal and type live-server and hit enter, page will be served at localhost:8080. BONUS: It also supports hot reloading by default.
2. Using a lightweight Google Chrome app developed by Google: Install the app, then go to the apps tab in Chrome and open the app. In the app point it to the right folder. Your page will be served!
3. Modifying Chrome shortcut in windows: Create a Chrome browser s shortcut. Right-click on the icon and open properties. In properties, edit target to "C:Program Files (x86)GoogleChromeApplicationchrome.exe" --disable-web-security --user-data-dir="C:/ChromeDevSession" and save. Then using Chrome open the page using ctrl+o. NOTE: Do NOT use this shortcut for regular browsing.

" 强力 " 注: " 强力 " 使用 http:// 如 http://localhost:8080 ,以防出现错误。

使用 http:// 或 https:// 来创建 url

<强 > error : 当地主机:8080

<强力 > 解决 : http://localhost:8080

例如,在Android App中,允许JavaScript通过 file:///android_asset/ 访问资产,使用 setAllowFileAccessFileURLs( true) ,这是您在 WebView 上调用getSettings() 获得的资产。

它允许您轻松打开一个实时服务器。 由于它创建了 localhost 服务器, 问题正在解决中。 您可以打开一个 HTML 文件, 右键点击编辑器, 点击 < code> Open with LiveServer 点击 < code > Open with LiveServer 来启动 < localhost > 。

它基本上使用http://localhost/index.html 而不是使用file://... 装载文件。

<强 > EDIT

不需要有 .html 文件。 您可以使用快捷键启动 Live 服务器 。

点击 (alt+L, alt+O) 打开服务器和 (alt+L, alt+C) 停止服务器。 [关于MAC, cmd+L, cmd+O 和 cmd+L, cmd+C ]]

希望它会帮助某人:)

对于Windows上没有Python或Node.js的人来说,仍然存在着一种轻量级的解决方案:Mongoose 。

您所做的只是将可执行文件拖到服务器根部所在的位置,然后运行它。 图标将出现在任务栏中, 它会在默认浏览器中浏览到服务器 。

此外,“http://zwamp.sourceforge.net/'rel="nofollown noreferrer"\\\\-WAMP 是一个100%便携式WAMP,在一个文件夹中运行,非常棒。如果你需要一个快速的 PHP和 MySQL 服务器,这是一个选项。尽管自2013年以来它一直没有更新。现代的替代方案是https://nodejs.org/en/download/ .安装nodejs。

我只需要从所有 和 标签删除 crossprotom=" anonymous > 属性; 和 lt; statist; 标签

如果您坚持在本地运行 .html 文件,而不使用网络服务器为它服务,您可以通过在网上提供有问题的资源,首先防止这些跨源请求发生。

I had this problem when trying to to serve .js files through file://. My solution was to update my build script to replace <script src="..."> tags with <script>...</script>. Here s a gulp approach for doing that:

1. run npm install --save-dev to packages gulp, gulp-inline and del.

2. After creating a gulpfile.js to the root directory, add the following code (just change the file paths for whatever suits you):

let gulp = require( gulp );
let inline = require( gulp-inline );
let del = require( del );

gulp.task( inline , function (done) {
    gulp.src( dist/index.html )
    .pipe(inline({
        base:  dist/ ,
        disabledTypes:  css, svg, img 
    }))
    .pipe(gulp.dest( dist/ ).on( finish , function(){
        done()
    }));
});

gulp.task( clean , function (done) {
    del([ dist/*.js ])
    done()
});

gulp.task( bundle-for-local , gulp.series( inline ,  clean ))

3. Either run gulp bundle-for-local or update your build script to run it automatically.

您可以看到我的案件的详细问题和解决办法,<这里。

在 MacOS 上为你们所有人设置一个简单的 LaunchAgender , 使这些光亮的能力能够以您自己的 Chrome 副本中实现...

保存 plist , 名称为 whatever ( aunit.chrome.dev.mode.plist , 例如), 在内容相似的 中保存 , 保存内容类似...

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>Label</key>
    <string>launch.chrome.dev.mode</string>
    <key>ProgramArguments</key>
    <array>
        <string>/Applications/Google Chrome.app/Contents/MacOS/Google Chrome</string>
        <string>-allow-file-access-from-files</string>
    </array>
    <key>RunAtLoad</key>
    <true/>
</dict>
</plist>