Chrome 我如何从我的移动的在移动终端上获得console.log输出?

wecizke3  于 2023-08-01  发布在  Go
关注(0)|答案(4)|浏览(152)

我在移动的设备上做了很多开发工作。有没有一种方法可以让js从移动的浏览器中访问console.log输出?

2lpgd968

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,但还没有机会测试它,除了玩他们的演示。它实现了更多的开发人员工具,但由于这个原因,对于许多项目来说也可能是矫枉过正。它并不觉得轻量级(它的文件大小肯定是大得多,甚至缩小!),而如果您想要开发人员工具的广度和强度,使用远程调试会更好。我们中的大多数人谁是想要一个移动的控制台只是想要的基本快速测试等。

j7dteeu8

j7dteeu82#

使用**Eruda**,到目前为止最好的一个,至少从我尝试的那些。

chhqkbe1

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的回答,建议:
“'挂接'本机控制台“

此外,看到其他帖子建议键入:`about:debug`个
..进入设备浏览器的地址栏。不确定这是否与连接工作有关
vbopmzt1

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/

相关问题