ウェブサイトのDOM要素を操作するローカルスクリプトを作成する

Question

私は特定のウェブサイトにアクセスすると、サイト上の特定のDOM要素をチェックするスクリプトを作成したいと思います。それらを操作する。

例：ページのどこかに<div id="foo">Bar</div>がある場合は、<div id="bar">Foo</div>に変更したいと思います。

どうすればよいですか？開発ツールを使用してこれをすべて実行できることはわかっていますが、頻繁に訪れるサイトの自動化プロセスにしたいと考えています。

ご協力いただければ幸いです。

Answer 1

1. Chrome拡張機能を作成します。

2. Javascriptをブックマークレットにする。

3. 独自のiframeを作成してください。 iframeにページをレンダリングします。