一个AngularJS应用程序在桌面上工作得很好,但在移动端却不能正常呈现(实际代码显示)。这是在安卓手机上。
我想看看控制台中显示了什么错误。
是否有可能在移动上的chrome应用程序上打开JS控制台(就像在桌面上一样)?
一个AngularJS应用程序在桌面上工作得很好,但在移动端却不能正常呈现(实际代码显示)。这是在安卓手机上。
我想看看控制台中显示了什么错误。
是否有可能在移动上的chrome应用程序上打开JS控制台(就像在桌面上一样)?
当前回答
Kiwi浏览器是移动Chromium,允许安装扩展。安装Kiwi,然后安装“Mini JS控制台”Chrome扩展(只需在谷歌中搜索并从Chrome扩展网站安装,uBlock也可以;)它将在底部的Kiwi菜单中可用,并将显示当前页面的控制台输出。
2022年编辑: 现在甚至更好了。控制台是内置的,可在菜单中使用。
其他回答
远程调试Firefox是另一种选择。这里提到了这些步骤
当你手头没有PC时,你可以使用Eruda,这是一种用于移动浏览器的开发工具https://github.com/liriliri/eruda 它是作为可嵌入的javascript和bookmarklet提供的(在chrome中粘贴bookmarklet会删除javascript:前缀,所以你必须自己输入)
要使用远程调试,首先激活Android中的开发人员模式。
在安卓系统的设置,搜索版本号,然后点击几次激活开发者模式 在Android中,进入设置>开发人员选项>打开usb调试 用usb线连接电脑 在桌面Chrome中输入Chrome://inspect,然后按enter 在移动打开url,然后在桌面chrome检查这个页面://inspect/#设备
Kiwi浏览器不仅允许您使用Chrome开发工具,还可以同时查看页面。
如果你使用Android分屏,你可以打开一个窗口并将开发工具移动到一个新窗口。
请帮自己一个忙,按下简单的按钮:
从Play商店下载Web Inspector(开源)。
注意:ATTOW,控制台输出不接受rest参数!例如,如果你有这样的东西:
console.log('one', 'two', 'three');
你只会看到
一个
登录到控制台。你需要手动将参数包装在数组中并连接,如下所示:
console.log([ 'one', 'two', 'three' ].join(' '));
以查看预期的输出。
但这款应用是开源的!一个补丁可能即将到来!修补者甚至可以是你!