在前端项目开发中，有些资源需要时web环境才可以访问，如果是直接双击html打开的html就会导致部分文件无法加载，但是用户可能不知道，我们需要给用户一个提示：
我们通过js的window.location.origin判断文件打开方式是不是通过file的方式打开的，如果是file的方式，我们就给一个警告。

html

    <div class="info" id="info" style="display: none">
        <p>直接打开html会导致json数据无法加载,请使用web环境访问页面</p>
    </div>

js

if (window.location.origin == 'file://') {
        document.getElementById('info').style.display = 'block'
}