JavascriptでInstagramにログインするには？

Question

ミッション

ユーザ名とパスワードのフィールドを入力し、ログインボタンをクリックしてJavascriptを使用してInstagramにログインしようとしています。

私は（正しいログイン資格情報で）試してみた：

Instagram Login Page

document.querySelector('[name=username]').value = "USERNAME"; 
document.querySelector('[name=password]').value = "PASSWORD"; 

var buttons = document.getElementsByTagName('button'); 
for (var i = 0; i < buttons.length; i++) { 
    if (buttons[i].innerText == 'Log in') { 
     buttons[i].click(); 
     break; 
    } 
} 

問題

ユーザー名とパスワードフィールドが正しいユーザ名とパスワードが含まれているにもかかわらず、私はこれを取得エラー：

The username you entered doesn't belong to an account. Please check your username and try again.

質問

Javascriptを使用してInstagramにログインすることはできますか？もしそうなら、それはどうやって行えますか？

Answer 1

根本的な問題は、InstagramがReactを使用して構築されており、Reactでは、UIがDOMを適切な状態に更新する「コンポーネント」オブジェクトから構築されていることです。 DOMを介してテキストフィールドの値を変更することで、コンポーネントの状態は更新されないため、InstagramのReactコードは新しい値を認識しません。ボタンをクリックすると、ログイン要求で元の値（空白）が送信されます。

この問題を解決するには、コンポーネントの状態を更新することに挑戦する方法を見つける必要があります。私があなたであれば、Reactがユーザーに何かを入力したと思うようにするために、要素の1つに合成イベントをトリガーして遊んでいました。私はリアクトエキスパートではないので、それ以上のことはできません。