Javascript 除了移动设备浏览器中的开发人员工具外,是否还有其他方法可以查看console.log条目?

Javascript 除了移动设备浏览器中的开发人员工具外,是否还有其他方法可以查看console.log条目?,javascript,android,ios,mobile,console.log,Javascript,Android,Ios,Mobile,Console.log,我正在开发一个基于网络的游戏 在桌面浏览器中运行时,我可以在几乎所有浏览器的classic web developer控制台中轻松查看日志: 问题: 如何在移动浏览器中获取console.log条目,就像桌面浏览器中的开发人员工具一样 移动浏览器不能提供一种简单的方式来打开开发者工具 研究 我找到了这些选项,但没有成功: 但我可以在android浏览器上启用开发工具 我正在回顾它,它似乎是一个浏览器模拟 备选方案:我在考虑创建一个极简主义的web门户,在这个门户中,我可以使用ajax

我正在开发一个基于网络的游戏

在桌面浏览器中运行时,我可以在几乎所有浏览器的classic web developer控制台中轻松查看日志:

问题: 如何在移动浏览器中获取console.log条目,就像桌面浏览器中的开发人员工具一样

移动浏览器不能提供一种简单的方式来打开开发者工具

研究 我找到了这些选项,但没有成功:

    • 但我可以在android浏览器上启用开发工具
  • 我正在回顾它,它似乎是一个浏览器模拟
  • 备选方案:我在考虑创建一个极简主义的web门户,在这个门户中,我可以使用ajax(overriding console.log)从我的web发送日志。我相信在移动浏览器中测试web时,在web中查看日志会更舒服

编辑1 有人将此问题标记为此问题的副本,其答案如下:

  • #1修改您的网站以在某些可见部分显示日志
  • #2打开android studio,查看android浏览器的整个日志
我认为#1可能是一个解决方案,如果它不具有侵入性并且在开发阶段易于启用的话。它可能类似于下图,其中的日志条目不会修改UI:

这可能有用吗

// 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 );
}
}
//引用输出容器,对JSON输出使用“pre”样式
var输出=document.createElement('pre');
document.body.appendChild(输出);
//对本机方法的引用
var oldLog=console.log;
console.log=函数(…项){
//首先调用本机方法
oldLog.apply(此,项);
//使用JSON转换对象,所有其他对象都正常显示
items.forEach((item,i)=>{
items[i]=(typeof item=='object'?JSON.stringify(item,null,4):item);
});
output.innerHTML+=items.join(“”)+'
; }; //您甚至可以允许Javascript输入。。。 功能控制台输入(数据){ //按键入的格式将其打印到控制台 console.log(数据+“
”); 试一试{ 控制台日志(评估(数据)); }捕获(e){ console.log(e.stack); } }
这可能有效吗

// 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 );
}
}
//引用输出容器,对JSON输出使用“pre”样式
var输出=document.createElement('pre');
document.body.appendChild(输出);
//对本机方法的引用
var oldLog=console.log;
console.log=函数(…项){
//首先调用本机方法
oldLog.apply(此,项);
//使用JSON转换对象,所有其他对象都正常显示
items.forEach((item,i)=>{
items[i]=(typeof item=='object'?JSON.stringify(item,null,4):item);
});
output.innerHTML+=items.join(“”)+'
; }; //您甚至可以允许Javascript输入。。。 功能控制台输入(数据){ //按键入的格式将其打印到控制台 console.log(数据+“
”); 试一试{ 控制台日志(评估(数据)); }捕获(e){ console.log(e.stack); } }
最后,我创建了一个简单的库,可以在同一个网站上查看我的日志:

源代码如下:

我只需要在我的网站顶部添加以下内容:

<script src="https://cdn.jsdelivr.net/gh/jrichardsz/log4browser@master/log4browser.min.js"></script>



注意:将其从您的产品包中删除

最后,我创建了一个简单的库,以便在同一个web中查看我的日志:

源代码如下:

我只需要在我的网站顶部添加以下内容:

<script src="https://cdn.jsdelivr.net/gh/jrichardsz/log4browser@master/log4browser.min.js"></script>



注意:将其从生产捆绑包中删除

这是否回答了您的问题?这回答了你的问题吗?谢谢但我觉得有点打扰你。谢谢。但我认为这是一种侵犯。