移动端真机debug调试神器 vConsole学习（二）之实战

项目中实际使用

在项目中实际使用的时候发现还是有很多问题的

最初使用方式

 <script src="vconsole.min.js"></script>

 <script>

         // init vConsole

         var vConsole = new VConsole();

 </script>

问题一：按照文档使用，发现页面引入JS的位置报警告

警告：Cross-Origin Read Blocking (CORB) blocked cross-origin response https://h5static.m.jd.com/returncode/error.html with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

问题二：初始化的位置报错

报错：VConsole undefined

解决：很明显我们引入的JS跨域了，所以导致JS没加载，所以我们现在要解决的问题就是跨域

更改后的使用方式

 <script src="//h5static.m.jd.com/act/vconsole/3.2.0/vconsole.min.js"></script>

 <script>

         // init vConsole

         var vConsole = new VConsole();

 </script>

更换一个域名放到自己公司项目的cdn域名下，这样就可以解决跨域问题

最后注意在生产环境要将添加的这几段代码删除