iOS 6的debugging控制台不见了?
我以前使用移动Safari的“debugging控制台”来排除console.log消息。 在iOS 6中,在Safari的高级设置中,“Web Inspector”取代了“debugging控制台”。 不幸的是,我的公司不允许我将我们正在testing的电话插入正在开发的计算机中。
有谁知道如何使用console.log()打印的消息显示在iOS 6的iPhone上?
我发现它有助于输出任何JS错误与window.onerror – >警报
window.onerror = function(error) { alert(error); };
我将其粘贴到脚本的顶部,以便在本机警报中输出任何运行时错误。 也在桌面上工作。
他们删除了它。 您现在将需要通过Safari进行debugging。
http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers
这实际上很容易设置。
1)确保您的Web Inspector设置在iPhone设置=> Safari =>高级下打开。
2)将手机插入Mac OSX电脑。
3)打开Safar 6,并确保开发模式是在Safari首选项=>高级=>显示开发菜单
如果您没有Mac OSX,则可以将此脚本用作控制台replace:
https://github.com/robotnic/waterbug
它显示错误消息,可以logging所有types的variables,你必须把你的iPhone或iPad 90°右侧打开控制台。
另一个可能的select是Steve Souders的移动性能书签 。 它包括Firebug Lite,它有一个控制台和一个更好的。 它不像以前的移动Safari控制台一样工作,你必须有一个连接来使用它。
只需在屏幕底部创build自己的控制台即可。 这是一个快速的解决scheme,但它比在各地发出警报更好。 确保把这个放在根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>