Chrome Extension [Twitch]

  • JavaScript

Es gibt 7 Antworten in diesem Thema. Der letzte Beitrag () ist von sandiro.

    Chrome Extension [Twitch]

    Hallo zsm.
    Ich bin dabei eine Extension für Chrome zu schreiben, die in erster Linie den Chat mitlesen soll.
    Das heißt: User schreibt, Konsole loggt(vorerst)

    Das funktioniert zunächst wunderbar auf dem normalen Kanal (twitch.tv/KANALNAME)
    Jedoch will ich ja nicht dort den Chat mitlesen, sondern im Dashboard (twitch.tv/KANALNAME/dashboard)
    Dort ist vom Chat her alles gleich aufgebaut, jedoch bekommt er dort keine Antwort.

    Das Script wird jedenfalls dort ausgeführt(ebenfalls mit log überprüft)

    Der wichtige Teil meiner manifest sieht so aus:

    Quellcode

    1. ​
    2. "permissions": [
    3. "http://www.twitch.tv/*"
    4. ],
    5. "content_scripts": [
    6. {
    7. "matches": [
    8. "http://www.twitch.tv/*"
    9. ],
    10. "js": [
    11. "js/jquery/jquery.min.js",
    12. "src/inject/inject.js"
    13. ]
    14. }
    15. ]


    Mein Script schaut momentan so aus:

    Quellcode

    1. function processTwitchLogElement($e){
    2. $c = $e.clone();
    3. $c.find(".message").find("img").replaceWith(function() { return this.alt; });
    5. var sender = $c.find(".from").text().trim();
    6. var comment = $c.find(".message").text().trim();
    8. console.log(sender + " says: " + comment);
    9. }
    11. var readyStateCheckInterval = setInterval(function() {
    12. if (document.readyState === "complete") {
    13. clearInterval(readyStateCheckInterval);
    14. console.log("WIRD GELESEN");
    15. var currTWSib = false;
    16. setInterval(function() {
    17. if(!currTWSib){
    18. currTWSib = $("ul.chat-lines li.chat-line:first");
    19. if(currTWSib.length){
    20. processTwitchLogElement(currTWSib);
    21. }else{
    22. currTWSib = false;
    23. }
    24. }else if(currTWSib.nextAll("li.chat-line").length){
    25. currTWSib = currTWSib.nextAll("li.chat-line");
    26. processTwitchLogElement(currTWSib);
    27. }
    28. }, 100);
    29. }
    30. }, 10);


    Woran könnte das liegen?
    Ich würde mich über eine Rückmeldung freuen.
    Wer Zeit und Lust hat mir eben schnell bei dem Problem vllt. über TV zu helfen, kann mich gerne in Skype kontaktieren: Re3ker

    Mit freundlichen Grüßen,
    Re3ker

    1. Wenn du schon jQuery nutzt, würde ich dir die ready-Funktion empfehlen, anstelle dies über ein Intervall zu lösen:

    Quellcode

    1. ​$(document).ready(function() { ... });


    2. wird "WIRD GELESEN" in der Konsole ausgegeben oder kommt er gar nicht soweit?

    @sandiro
    mit der ready Funktion hab ichs vorher gemacht und es hat nicht geklappt.. lag wahrscheinlich auch daran, dass ich das im dashboard gemacht hab.
    Werde ich noch abändern.(ist aber nur ein Schönheitsfehler)

    und das "wird gelesen" kommt auf jeden Fall durch(Im Dashboard ebenfalls).

    Auf der Kanalseite ist der Chat direkt auf der Seite platziert und kann daher ausgelesen werden. Auf der Dashboard-Seite hingegen ist der Chat als iframe eingebunden - was wahrscheinlich das Problem verursacht, dass der Chat über den jQuery-Selector nicht gefunden wird.

    Auf StackOverflow als Beispiel gefunden (selber aber nicht getestet):

    Quellcode

    1. $("iframe").contents().find("textarea").keydown(...)


    bzw. in deinem Fall in etwa:

    Quellcode

    1. $("#dashboard-chat").contents().find("ul.chat-list li.chat-line:first");

    sandiro schrieb:

    find("ul.chat-list li.chat-line:first");


    Vielen Dank dafür... ich hätte eigentlich selber drauf kommen können,
    da ich die Seite vorher heruntergeladen hab(Damit ich das reinpacken kann, was ich später per Js nachladen lassen will) und die iframes entfernte...

    Dein Tippfehler hat mich ebenfalls nochmal in die Irre geführt...
    Trotzdem Danke :)

Facebook
Telefonspende