post commenti sulla pagina facebook tramite console

Question

Come nell'immagine, la casella dei commenti di Facebook non ha pulsante di invio, quando scrivi qualcosa e premi il pulsante Invio, il commento pubblicato.

Desidero inviare il commento tramite JavaScript che è in esecuzione in console. ma ho provato ad attivare l'evento Enter, inviare l'evento del DOM. Non potrebbe farlo funzionare.

Answer 1

Gli attuali caselle di commento non sono una tradizionale <textarea> all'interno di una <form>. Stanno usando l'attributo contenteditable su un div. Al fine di presentare in questo scenario, che ci si vuole ascoltare uno degli eventi della tastiera (keydown, keypress, keyup) e cercare la chiave Enter che è keycode 13.

Sembra che FB è l'ascolto della keydown EVT in questo caso, così quando mi sono imbattuto questo codice sono stato in grado di falsificare inviare un commento:

function fireEvent(type, element) { 
    var evt; 

    if(document.createEvent) { 
     evt = document.createEvent("HTMLEvents"); 
     evt.initEvent(type, true, true); 
    } else { 
     evt = document.createEventObject(); 
     evt.eventType = type; 
    } 

    evt.eventName = type; 
    evt.keyCode = 13; 
    evt.which = 13; 

    if(document.createEvent) { 
     element.dispatchEvent(evt); 
    } else { 
     element.fireEvent("on" + evt.eventType, evt); 
    } 
} 

fireEvent('keydown', document.querySelector('[role="combobox"]._54-z span span')); 

un paio di cose da notare in questo. La classe ._54-z era una classe che si erano appena potuti usare sulla mia pagina. Il tuo chilometraggio può variare. Usa gli strumenti di sviluppo per assicurarti di afferrare l'elemento giusto (dovrebbe avere il ruolo di aria "combobox"). Inoltre, se stai cercando di supportare i browser più vecchi, dovrai modificare il codice della funzione fireEvent in alto. Ho testato solo l'esempio precedente nell'ultimo Chrome.

Infine, per complicare le cose da capo, Facebook sta usando React che crea una rappresentazione DOM virtuale della pagina corrente. Se stai digitando manualmente i caratteri nella casella combinata e poi esegui il codice sopra, funzionerà come previsto. Ma non sarai in grado di impostare la innerHTML di <span> interna più vicina a quello che stai cercando di fare e quindi attivare keydown. Probabilmente dovrai attivare l'evento change nella casella combinata per assicurarti che il tuo messaggio rimanga sul Virtual DOM.

Questo dovrebbe iniziare! Spero possa aiutare!

Answer 2

Ecco una soluzione di lavoro dopo 3 settimane di sperimentazione (utilizzando la funzione di @Benjamin Solum fireEvent):

• questa versione un commento Articoli solo per il primo post sulla pagina (utilizzando querySelector metodo)

• questa versione può essere utilizzato solo sulla tua bacheca personale (a meno che non si modificano i selettori di query)

  function fireEvent(type, element, keyCode) { 
      var evt; 
  
      if(document.createEvent) { 
       evt = document.createEvent("HTMLEvents"); 
       evt.initEvent(type, true, true); 
      } else { 
       evt = document.createEventObject(); 
       evt.eventType = type; 
      } 
  
      evt.eventName = type; 
  
      if (keyCode !== undefined){ 
       evt.keyCode = keyCode; 
       evt.which = keyCode; 
      } 
  
      if(document.createEvent) { 
       element.dispatchEvent(evt); 
      } else { 
       element.fireEvent("on" + evt.eventType, evt); 
      } 
  } 
  
  // clicking the comment link - it reveals the combobox 
  document.querySelector(".fbTimelineSection .comment_link").click(); 
  
  setTimeout(function(){ 
      var combobox = document.querySelector(".fbTimelineSection [role='combobox']"); 
      var spanWrapper = document.querySelector(".fbTimelineSection [role='combobox'] span"); 
  
      // add text to the combobox 
      spanWrapper.innerHTML = "<span data-text='true'>Thank you!</span>"; 
  
      var spanElement = document.querySelector(".fbTimelineSection [role='combobox'] span span"); 
  
      fireEvent("blur", combobox); 
      fireEvent("focus", combobox); 
      fireEvent("input", combobox); 
      fireEvent("keydown", spanElement, 13); // pushing enter 
  },2000);