iOS 6的调试控制台哪里去了?(iOS 6 debug console gone?)

2019-07-31 21:42发布

我以前使用的“调​​试控制台”的移动Safari浏览器,当我排除故障,打印出的console.log消息。 与iOS 6,在Safari浏览器的高级设置中,“网络督察”取代了“调试控制台”。 不幸的是,我的公司不允许我堵塞,我们正在与进电脑,我们正在开发的测试手机。

有谁知道如何启用使用的console.log()要在与iOS 6的iPhone显示打印的消息?

Answer 1:

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.



Answer 2:

他们删除它。 现在,您将被要求通过Safari浏览器进行调试。

http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers

这其实很容易设置。
1)确保您的网络督察设置iPhone设置下导通=> Safari浏览器=>高级。
2)将手机插上电源到Mac OSX计算机。
3)打开萨法尔6,并确认开发模式是在Safari偏好设置=>高级=>显示开发菜单



Answer 3:

如果你没有Mac OSX上,你可以使用这个脚本控制台更换:

https://github.com/robotnic/waterbug

它显示错误消息,有可能记录所有类型的变量,你必须把你的iPhone或iPad 90°,打开控制台的权利。



Answer 4:

另一种可能的选择是史蒂夫Souders的移动性能书签 。 它包括Firebug的精简版,其中有一个控制台和更加好一点。 它不工作不太一样以前的移动Safari浏览器的控制台,你必须使用它的连接。



Answer 5:

而就在屏幕底部创建自己的控制台。 这是一个快速解决方案,但它不是使警报所有的地方更好。 请务必把这个根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>


文章来源: iOS 6 debug console gone?
标签: iphone ios ios6