모바일 장치에서 내 모바일에서 console.log 출력을 얻으려면 어떻게해야합니까?

Question

나는 모바일 장치에서 내 dev 작업을 많이 할. console.log 출력에 대한 js 액세스를 에서 모바일 브라우저로 가져 오는 방법이 있습니까?

Answer 1

현재 가장 좋은 방법은 출력을 네이티브 콘솔로 계속 허용하면서 네이티브 콘솔에 '연결하여 출력을 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을 알게되었지만 데모를 가지고 놀지 않고 테스트 할 기회가 없었습니다. 이 도구는 더 많은 개발자 도구를 구현하지만 이러한 이유로 많은 프로젝트에서 과도한 도구 일 수 있습니다. 가볍고 (파일 크기가 훨씬 더 크고 심지어 축소 된 경우에도) 가벼우 며 개발자 도구의 폭과 강도를 원한다면 원격 디버깅을 사용하는 것이 좋습니다. 모바일 콘솔을 원하는 대부분의 사용자는 빠른 테스트 등을 위해 기본을 원합니다.