>

모바일 장치에서 많은 개발 작업을 수행합니다. 모바일 브라우저에서 console.log 출력에 js 액세스 권한을 얻는 방법이 있습니까?

  • 답변 # 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의 mobileConsole을 사용하고 있으며 매우 만족합니다. 간단하고 당신이 원하고 기대하는 것입니다.

    최근에 Eruda를 알게되었지만 데모를하는 것 외에는 테스트 할 기회가 없었습니다. 훨씬 더 많은 개발자 도구를 구현하지만 이로 인해 많은 프로젝트에 과도한 영향을 줄 수도 있습니다. 가벼워 보이지는 않지만 (파일 크기는 훨씬 더 커지고, 축소되었습니다!) 개발자 도구의 폭과 강도를 원한다면 원격 디버깅을 사용하는 것이 좋습니다. 모바일 콘솔을 원하는 대부분의 사람들은 빠른 테스트 등을위한 기본 사항 만 원합니다.

  • 답변 # 2

    Android의 경우 : 다음과 같이 작동합니다.

    <올>

    Android Studio IDE 열기

    디버그 모드에서 장치 연결

    로그 캣 열기

    Android 기기에서 브라우저 UI 실행-콘솔 로그 출력을 보려면

    다음은 logcat의 몇 가지 console.log () 줄입니다 :

    [INFO:CONSOLE(18)] "100 - checking FUNC PARAM ... ", source: https://somewhere/util/message_util.js (18)

    [INFO:CONSOLE(18)] "101 - > ENTER: AppAuth.onHasAuthFunc", source: https://somewhere/util/message_util.js (18)

    @Marcus의 답변 덕분 에이 접근법을 시도하는 아이디어는 다음과 같습니다.

    와이즈 비즈 와이즈 비즈

    ~~~~~~

    또한 다음을 입력하는 다른 게시물을 보았습니다 :

    장치 브라우저의 주소 표시 줄에

    .. 연결이 작동하도록하는 것과 관련이 있는지 확실하지 않은 경우

  • 답변 # 3

    적어도 내가 시도한 것보다Eruda를 사용하십시오.

    " 'hook into' the native console "

관련 자료

  • 이전 angular - 이오니아 3 - innerhtml에서 작동하지 않는 이온 요소/구성 요소
  • 다음 큰 헤더에서 작은 정적 헤더 (Javascript/CSS)로 부드럽게 전환하는 방법