移动WEB手机端调试

　　在我们做移动端WEB开发的时候肯定会遇到兼容性问题，比如某些时候在某些奇葩手机上就是有问题。为此我在网上寻找了一些办法，比如远程调试什么的，但觉得都很麻烦。在这里我向大家介绍一种比较简单快捷的办法。

我们这里用到一款叫 js-mobile-console 的插件

　　github地址

　　它的使用方法非常简单。

　　1.在要调试的页面的头上添加：

　　<link rel="stylesheet" href="./style/mobile-console.min.css">
　　<script src="./mobile-console.min.js"></script>
　2.在这两个文件加载成功后执行
　　

mobileConsole.show();

　　为了不影响页面，我是这样做的

$(function(){
            if(location.hash=='#c'){
                mobileConsole.show();
            }
        });

　　当我需要调试页面的时候在地址末尾输入#c控制台就会出现了

　效果：