我以前使用的“调试控制台”的移动Safari浏览器,当我排除故障,打印出的console.log消息。 与iOS 6,在Safari浏览器的高级设置中,“网络督察”取代了“调试控制台”。 不幸的是,我的公司不允许我堵塞,我们正在与进电脑,我们正在开发的测试手机。
有谁知道如何启用使用的console.log()要在与iOS 6的iPhone显示打印的消息?
我以前使用的“调试控制台”的移动Safari浏览器,当我排除故障,打印出的console.log消息。 与iOS 6,在Safari浏览器的高级设置中,“网络督察”取代了“调试控制台”。 不幸的是,我的公司不允许我堵塞,我们正在与进电脑,我们正在开发的测试手机。
有谁知道如何启用使用的console.log()要在与iOS 6的iPhone显示打印的消息?
I have found it helpful to output any JS errors with an alert on window.onerror ->
window.onerror = function(error) {
alert(error);
};
I paste that into the top of scripts so that any runtime errors will be output in a native alert. Works on desktop too.
他们删除它。 现在,您将被要求通过Safari浏览器进行调试。
http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers
这其实很容易设置。
1)确保您的网络督察设置iPhone设置下导通=> Safari浏览器=>高级。
2)将手机插上电源到Mac OSX计算机。
3)打开萨法尔6,并确认开发模式是在Safari偏好设置=>高级=>显示开发菜单
如果你没有Mac OSX上,你可以使用这个脚本控制台更换:
https://github.com/robotnic/waterbug
它显示错误消息,有可能记录所有类型的变量,你必须把你的iPhone或iPad 90°,打开控制台的权利。
另一种可能的选择是史蒂夫Souders的移动性能书签 。 它包括Firebug的精简版,其中有一个控制台和更加好一点。 它不工作不太一样以前的移动Safari浏览器的控制台,你必须使用它的连接。
而就在屏幕底部创建自己的控制台。 这是一个快速解决方案,但它不是使警报所有的地方更好。 请务必把这个根HTML文件(底部),或者转换成所有的JS,把根JS文件(上图)。
<div id="console"></div>
<style media="screen">
#console {
resize: both;
height :200px;
overflow: scroll;
background: white;
color: black;
border: 1px solid black;
width: 95vw;
padding: 5px;
margin: auto;
}
</style>
<script type="text/javascript">
logger = (...params) => {
const newLog = document.createElement("div");
newLog.textContent = params.reduce((str, param) => {
if (typeof param === 'string') return `${str} ${param}`;
return `${str} ${JSON.stringify(param)}`;
}, '');
document.getElementById('console').appendChild(newLog);
}
window.onerror = (error) => {
const newLog = document.createElement("div");
newLog.style.color = 'red';
newLog.textContent = error;
document.getElementById('console').appendChild(newLog);
};
console.log = logger;
console.warn = logger;
</script>