JavaScript、Chrome

Question

Google Chromeでは、要素のパディングやマージンなど、ページを一時的に編集する方法を考え出しました。これは、拡張機能のためにJavaScriptを取得または書き込む最も簡単な方法に興味があります。あなたがすでに知っている方法を共有してください！読む必要はありません。

たとえば、Chrome Extension Sweet Searchでは、左ナビゲーションツールを削除した後、そのスペースを閉じるために中央列0の左マージンを作成する必要があります。 Chromeでは、中央列を右クリックし、要素を検査し、Center_Colノードを見つけ、右側のマージンを0pxまで編集してから、検索結果の中央列が左にシフトします。このようなアクションのためにJavaScriptを取得または書き込む最も簡単な方法は何ですか？

要素のためにHTMLの上にホバリングすると、ページに強調表示され、要素名と寸法が付いた小さなクリーム色のボックスが表示されます。その要素名/DOMの場所を使用してそのピースを編集するにはどうすればよいですか？

Answer 1

私はあなたを理解していると思います。 「クリームカラーボックス」で。たとえば、おそらく次のようなものが表示されます。

div#column2 [730x865]

右？

まあ、その＃は、DOMの要素のIDの接頭辞です。そのようなJavaScriptを介してその要素にアクセスできます：

var column2 = document.getElementById('column2');
column2.style.marginRight = 0;

ケンがすでにほのめかしたように。 DOMを理解し、いくつかのJavaScriptを知ることは、おそらくChrome拡張機能を開発するときに傷つくことはありません。

Answer 2

次に、DOMとJavaScriptを学習する必要があります。