Javascript 除了移动设备浏览器中的开发人员工具外,是否还有其他方法可以查看console.log条目?
我正在开发一个基于网络的游戏 在桌面浏览器中运行时,我可以在几乎所有浏览器的classic web developer控制台中轻松查看日志: 问题: 如何在移动浏览器中获取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
-
- 但我可以在android浏览器上启用开发工具
- 我正在回顾它,它似乎是一个浏览器模拟
- 备选方案:我在考虑创建一个极简主义的web门户,在这个门户中,我可以使用ajax(overriding console.log)从我的web发送日志。我相信在移动浏览器中测试web时,在web中查看日志会更舒服
- #1修改您的网站以在某些可见部分显示日志
- #2打开android studio,查看android浏览器的整个日志
// 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>
注意:将其从生产捆绑包中删除这是否回答了您的问题?这回答了你的问题吗?谢谢但我觉得有点打扰你。谢谢。但我认为这是一种侵犯。