以前我们介绍过如何通过修改Chrome浏覽器运行参数的方法来模拟手机访问网站但是在Chrome 32和33版本以后增加了更加便捷的方法,在开发者工具中只需要设置一下就能方便的模拟各種手机型号的访问效果了
1、打开Chrome浏览器,需要32以后版本的笔者使用的是Chrome 33版本。
2、打开“开发者工具”快捷键(F12或者Ctrl+Shift+i)。
3、在“开发鍺工具”界面的右侧有个“Show drawer”按钮点击后在“drawer”界面再点击“Emulation”。
4、这个界面就一目了然了Device里面可以选择各种手机或者平板设备,大概有20种之多User Agent和Sensors显示了模拟的数据。点击“Emulate”按钮就可以生效了
5、然后就在地址栏里面输入网址吧!看看模拟的效果怎么样?
在discuz的开发功能时遇到修改触屏版,但是PC端无法访问手机版可参考如下解决方法:
3.完成以上两步即可用电脑访问手机版,但是发现无法访问触屏蝂只要去掉js即可。
解决电脑访问discuz手机触屏版的方法:
也就是文件开头的那两行代码罪魁祸首就是这个ontouchend,这个是只有手机才会有的事件pc浏览器怎么也是不存在的,因此就永久跳到了标准版去了
保存后就可以访问触屏版了
Discuz修改笔记-手机版默认跳转标准版or触屏版
如要默认跳转标准版就修改为
如要默认跳转触屏版就修改为
|