我在移动的设备上做了很多开发工作。有没有一种方法可以让js从移动的浏览器中访问console.log输出?
2lpgd9681#
目前,最好的方法是“挂接到”本机控制台,并将输出显示为HTML,同时仍然允许输出进入本机控制台。你可以很容易地实现你自己的版本。
// Reference to an output container, use 'pre' styling for JSON output var output = document.createElement('pre'); document.body.appendChild(output); // Reference to native method(s) var oldLog = console.log; console.log = function( ...items ) { // Call native method first oldLog.apply(this,items); // Use JSON to transform objects, all others display normally items.forEach( (item,i)=>{ items[i] = (typeof item === 'object' ? JSON.stringify(item,null,4) : item); }); output.innerHTML += items.join(' ') + '<br />'; }; // You could even allow Javascript input... function consoleInput( data ) { // Print it to console as typed console.log( data + '<br />' ); try { console.log( eval( data ) ); } catch (e) { console.log( e.stack ); } }
字符串但是,与其重新发明轮子,你可能有兴趣尝试一些项目。我个人正在使用hnlDesign's mobileConsole,并且对它非常满意。它很简单,正是你想要和期望的。我最近才知道Eruda,但还没有机会测试它,除了玩他们的演示。它实现了更多的开发人员工具,但由于这个原因,对于许多项目来说也可能是矫枉过正。它并不觉得轻量级(它的文件大小肯定是大得多,甚至缩小!),而如果您想要开发人员工具的广度和强度,使用远程调试会更好。我们中的大多数人谁是想要一个移动的控制台只是想要的基本快速测试等。
j7dteeu82#
使用**Eruda**,到目前为止最好的一个,至少从我尝试的那些。
chhqkbe13#
对于Android -我发现这个作品:1.开放Android Studio IDE1.在调试模式下连接设备1.打开logcat1.在Android设备上运行浏览器UI-查看控制台日志输出下面是logcat中的一些console.log()行:第一个月[INFO:CONSOLE(18)] "101 - > ENTER: AppAuth.onHasAuthFunc", source: https://somewhere/util/message_util.js (18)个尝试这种方法的想法,感谢@Marcus的回答,建议:“'挂接'本机控制台“
[INFO:CONSOLE(18)] "101 - > ENTER: AppAuth.onHasAuthFunc", source: https://somewhere/util/message_util.js (18)
此外,看到其他帖子建议键入:`about:debug`个 ..进入设备浏览器的地址栏。不确定这是否与连接工作有关
vbopmzt14#
Chrome可以调试移动的浏览器。在Android设备上,转到Settings > Developer options。(注意:如果您没有看到Developer options,您可能需要通过转到About phone并点击Build number七次来启用它。在Developer options中,启用USB debugging。通过USB将Android设备连接到计算机。在您的计算机上,打开Chrome并导航到chrome://inspect。您将看到一个设备列表。找到您的设备,然后单击要调试的WebView旁边的Inspect。来源:https://developer.chrome.com/docs/devtools/remote-debugging/
Settings > Developer options
Developer options
About phone
Build number
USB debugging
chrome://inspect
Inspect
4条答案
按热度按时间2lpgd9681#
目前,最好的方法是“挂接到”本机控制台,并将输出显示为HTML,同时仍然允许输出进入本机控制台。
你可以很容易地实现你自己的版本。
字符串
但是,与其重新发明轮子,你可能有兴趣尝试一些项目。
我个人正在使用hnlDesign's mobileConsole,并且对它非常满意。它很简单,正是你想要和期望的。
我最近才知道Eruda,但还没有机会测试它,除了玩他们的演示。它实现了更多的开发人员工具,但由于这个原因,对于许多项目来说也可能是矫枉过正。它并不觉得轻量级(它的文件大小肯定是大得多,甚至缩小!),而如果您想要开发人员工具的广度和强度,使用远程调试会更好。我们中的大多数人谁是想要一个移动的控制台只是想要的基本快速测试等。
j7dteeu82#
使用**Eruda**,到目前为止最好的一个,至少从我尝试的那些。
chhqkbe13#
对于Android -我发现这个作品:
1.开放Android Studio IDE
1.在调试模式下连接设备
1.打开logcat
1.在Android设备上运行浏览器UI-查看控制台日志输出
下面是logcat中的一些console.log()行:
第一个月
[INFO:CONSOLE(18)] "101 - > ENTER: AppAuth.onHasAuthFunc", source: https://somewhere/util/message_util.js (18)
个尝试这种方法的想法,感谢@Marcus的回答,建议:
“'挂接'本机控制台“
vbopmzt14#
Chrome可以调试移动的浏览器。在Android设备上,转到
Settings > Developer options
。(注意:如果您没有看到Developer options
,您可能需要通过转到About phone
并点击Build number
七次来启用它。在
Developer options
中,启用USB debugging
。通过USB将Android设备连接到计算机。
在您的计算机上,打开Chrome并导航到
chrome://inspect
。您将看到一个设备列表。找到您的设备,然后单击要调试的WebView旁边的
Inspect
。来源:https://developer.chrome.com/docs/devtools/remote-debugging/