これができるってことを忘れることがあるんで、メモっておきます。
まず、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";
ボタンクリックテスト
下の青いボタンをクリックできます。
//ボタンのクリックその2
document.querySelector("#count-btn").click();
//ボタンを1秒ごとにクリック はできませんでした・・・
setInterval(document.querySelector("#count-btn").click(),1000);