WEB技術

【悪用厳禁】みているページでJavaScriptを実行する方法 | chrome

  /

これができるってことを忘れることがあるんで、メモっておきます。

まず、chromeでデベロッパーツールを開きます。

続いてコンソールを表示させます。

コンソールの
＞
ってなってるとこにコードを書き込みます。
以上でーす。

サンプルです
このページでも動くはずなので試してみてくだあい

//アラートを表示させる
window.alert("わーい");

//ボタンのクリック(クラスは変えてね)
document.querySelector(".a2a_button_twitter").click();

//テキスト入力
document.querySelector( ".search-field" ).value = "ライフハック" ;

直接CSS操作すればいいから意味ないけど

//要素のcss変更
document.querySelector(".site-title").style.color = "red";

document.getElementsByClassName(".site-title").style.backgroundColor = "#ccc";

document.getElementById("logo").style.display = "none";

ボタンクリックテスト

下の青いボタンをクリックできます。

//ボタンのクリックその２
document.querySelector("#count-btn").click();

//ボタンを1秒ごとにクリック はできませんでした・・・
setInterval(document.querySelector("#count-btn").click(),1000);

こちらの記事もおすすめ！