如何在 Android（和 iOS）上查看 JavaScript 控制台？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/25753708/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to view JavaScript console on Android (and iOS)?
提问by Mawg says reinstate Monica
I am creating a purely browser based app - HTML and JavaScript.
我正在创建一个纯粹基于浏览器的应用程序 - HTML 和 JavaScript。
I do not have an Android IDE installed (nor one for iOS) - and would prefer not to have to install one and perform remote debugging.
我没有安装 Android IDE（对于 iOS 也没有安装） - 并且不想安装一个并执行远程调试。
Developing on my PC, I use the Chrome browser and the developer tools to view the JavaScript console in order to debug.
在我的 PC 上进行开发，我使用 Chrome 浏览器和开发人员工具查看 JavaScript 控制台以进行调试。
How can I do that on an Android tablet (or, later, iOS)? I prefer a purely browser based solution, but could accept an Android/iOS based app.
如何在 Android 平板电脑（或以后的 iOS）上执行此操作？我更喜欢纯粹基于浏览器的解决方案，但可以接受基于 Android/iOS 的应用程序。
采纳答案by Naveed
For Androidyou can use remote debugging through chrome as described here
对于Android，您可以按照此处所述通过 chrome 使用远程调试
I'll summarize/rewrite the steps (for browser based debugging) here in case the link ever goes down.
我将在这里总结/重写步骤（用于基于浏览器的调试），以防链接断开。
Requirements:
要求：
- For browser tabs: Android 4.0+ and Chrome for Android
- A USB cable to plug in your Android device
- Chrome 32 or later installed on your development machine
- 对于浏览器选项卡：Android 4.0+ 和 Chrome for Android
- 用于插入 Android 设备的 USB 数据线
- Chrome 32 或更高版本安装在您的开发机器上
Set up:
设置：
- Enable USB debugging on your device.
- Navigate to
chrome://inspect/#deviceson your desktop Chrome browser. (Alternatively, to get to the same screen, you can selectChrome menu > Tools > Inspect Devices) - After connecting, you may see an alert on the device requesting permission for USB debugging from your computer. Tap OK
- Chrome should now display the connected device
- Open up chrome on your Android device and navigate to the page you want to debug/inspect. The page should show up on your desktop browser and you should be able to inspect it.
- 在您的设备上启用 USB 调试。
chrome://inspect/#devices在桌面 Chrome 浏览器上导航到。（或者，要进入同一屏幕，您可以选择Chrome menu > Tools > Inspect Devices）- 连接后，您可能会在设备上看到一条警告，要求您从计算机获得 USB 调试权限。点击确定
- Chrome 现在应该显示连接的设备
- 在您的 Android 设备上打开 chrome 并导航到您要调试/检查的页面。该页面应显示在您的桌面浏览器上，您应该能够对其进行检查。
If for some reason you have an older version of chrome and cannot upgrade. There is a pluginthat you can install to accomplish the same thing.
如果由于某种原因您使用的是旧版本的 chrome 并且无法升级。您可以安装一个插件来完成同样的事情。
回答by Nisim Joseph
Just released for iOS, Chrome 73 now supports the option to see console.log.
刚刚针对 iOS 发布，Chrome 73 现在支持查看选项console.log。
If you're a website developer, you can now view JavaScript console messages. Navigate to chrome://inspect to enable, then perform desired actions in another tab. Switch back to the same chrome://inspect tab to view any printed JavaScript console logs.
如果您是网站开发人员，现在可以查看 JavaScript 控制台消息。导航到 chrome://inspect 以启用，然后在另一个选项卡中执行所需的操作。切换回相同的 chrome://inspect 选项卡以查看任何打印的 JavaScript 控制台日志。
see herein "What's New" section or in "version history" 73.x version.
请参阅此处的“新增功能”部分或“版本历史”73.x 版本。
回答by Altair7852
Try https://github.com/liriliri/eruda
试试https://github.com/liriliri/eruda
All you need to do is add this snippet on top of the page:
您需要做的就是在页面顶部添加此代码段：
<script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>
