Question

如何在PC上 开发 Discuz X3 触屏版 页面

Answer 1

　　1.如果想在PC浏览器查看手机版页面，首先要在Discuz管理后台启用手机版功能，然后才能看到手机版。

　　2.然后怎么在浏览器查看手机版呢，打开一般都是pc版吧，这个疑问很好解决，现在的浏览器都有切换UA（user-agent）的功能，程序判断是否手机就看这个UA。

　　这里我推荐用chrome浏览器，（实话说吧，前端开发不用chrome，你还是前端开发员吗）。

　　打开chrome浏览器

　　右键页面空白处，选择审查元素，然后点击右下方的齿轮，就能出来上图的界面，Android2.3就是当前选择的UA.这样我们就能让浏览器变成跟手机差不多了。当然这个审查元素的调试窗口不能关，关了UA就不生效了，但是一般调试页面时，这个调试窗口是必须的。如果你还是觉得麻烦，那就装一个切换UA的chrome扩展吧。

　　3.切换UA后，刷新discuz页面你会发觉已经去到了手机版，但怎么也切换不到触屏版,请看到discuz代码目录中 static/js/mobile/common.js文件的头两行。

　　[html] view plain copy 在CODE上查看代码片派生到我的代码片

　　var supporttouch = "ontouchend" in document;

　　!supporttouch && (window.location.href = 'forum.php?mobile=1');

　就是这个ontouchend，这个是只有手机才会有的事件，pc浏览器怎么也是不存在的，因此就永久跳到了标准版去了。

　　所以只要将这两行去掉，想要开发discuz什么页面都不是问题了。