折叠屏的真机调试

我这边的策划搞了个折叠屏手机,正好也拿来进行适配的调试我们现在的微信小游戏的项目。
但是遇到个问题,似乎调试用的网页有一个逻辑控制,当浏览器的宽高于某个尺寸,就会展示上下的那些调试用的控制台(就像是直接在chorme里面运行一样)。适配逻辑其实我已经做完了,但是我想要关闭那些调试控制台,只展示canvas的内容需要修改哪里的开关呢?

我翻源码发现了在style.css里有一条配置,感觉和我实际测试下来很像。
@media screen and (max-width: 760px) {
.toolbar {
display: none;
}
.wrapper {
border: 0px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
然后再boot.js中,有一个isFullScreen方法是看toolbar标签是否可见的。
function isFullScreen () {
var toolbar = document.getElementsByClassName(‘toolbar’)[0];
return getComputedStyle(toolbar).display === ‘none’;
}
但无奈,确实不太熟html层的东西,找不到方法来设置。

大概什么效果的,有图么

你横向去拉宽浏览器就能看到这个效果了,超过760像素,就会展示顶部的调试配置框架(toolbar),低于760整个浏览器就会全屏幕展示项目(只展示html中canvas那个div)