it-swarm.com.de

Wie kann ich auf meinem mobilen Endgerät die Konsole.log-Ausgabe von meinem mobilen Gerät erhalten?

Ich arbeite viel mit mobilen Geräten. Gibt es eine Möglichkeit, js Zugriff auf die console.log-Ausgabe von in einem mobilen Browser zu erhalten? 

8
jdmayfield

Derzeit ist es die beste Methode, die native Konsole "einzuhaken" und die Ausgabe als HTML anzuzeigen, wobei die Ausgabe weiterhin an die native Konsole gehen kann.

Sie können Ihre eigene Version sehr einfach implementieren.

// 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 );
    }
}

.... anstatt das Rad neu zu erfinden, gibt es ein paar Projekte, an denen Sie vielleicht interessiert sind.

Ich persönlich benutze hnlDesigns mobileConsole und war sehr zufrieden damit. Es ist einfach und genau das, was Sie wollen und erwarten.

Ich bin kürzlich auf Eruda aufmerksam geworden, hatte aber keine Gelegenheit, es zu testen, außer mit ihrem Demo zu spielen. Es werden wesentlich mehr Entwickler-Tools implementiert, aber aus diesem Grund kann es für viele Projekte auch zu übertrieben sein. Es fühlt sich nicht so leicht an (die Dateigröße ist definitiv viel größer, sogar verkleinert!), Und wenn Sie die Breite und Intensität der Entwickler-Tools wünschen, ist es besser, Remote-Debugging einzusetzen. Die meisten von uns, die eine mobile Konsole wünschen, wollen nur die Grundlagen für schnelle Tests und ähnliches.

5
Marcus Hughes

Verwenden Sie Eruda, bei weitem das beste, zumindest von denen, die ich ausprobiert habe.

2
Alejo Salvo

Für Android - Ich fand das funktioniert:

  1. Öffnen Sie Android Studio IDE
  2. Anschließen des Geräts im Debug-Modus
  3. Öffnen Sie logcat
  4. Führen Sie die Browser-Benutzeroberfläche auf Android Gerät - um die Konsolenprotokollausgabe zu sehen

Hier sind einige console.log () -Zeilen von logcat:

[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)

Idee, diesen Ansatz zu versuchen, dank @ Marcus Antwort , was andeutet:

"In die native Konsole einbinden"

~~~~~~

Ich habe auch andere Posts gelesen, die vorschlugen, Folgendes einzugeben: about:debug

.. in die Adressleiste des Gerätebrowsers. Ich bin nicht sicher, ob das irgendetwas damit zu tun hat, dass die Verbindung funktioniert

1
Gene Bo