Google Chrome で、html タグのいくつかの属性を傍受し、属性に特定の値がある場合にアクションを実行したいと考えています。たとえば、user という属性を持つリスト項目があるとします。
<li class="MyClass" user="BadUser"> ... </li>
私が望むのは、このアイテムのコンテンツを非表示にするか、削除することです。
私はこれらの拡張機能を初めて使用します(この時間にそれらを調べ始めました)
これどうやってするの?
Google Chrome で、html タグのいくつかの属性を傍受し、属性に特定の値がある場合にアクションを実行したいと考えています。たとえば、user という属性を持つリスト項目があるとします。
<li class="MyClass" user="BadUser"> ... </li>
私が望むのは、このアイテムのコンテンツを非表示にするか、削除することです。
私はこれらの拡張機能を初めて使用します(この時間にそれらを調べ始めました)
これどうやってするの?
この目的のために、コンテンツ スクリプトを使用できます。マニフェスト ファイルでスクリプト (myscript.js
以下の例) を宣言します。
{
"name": "Extension name",
...
"content_scripts":
[
{
"matches": ["*://*/*"],
"js": ["jquery.js", "myscript.js"]
}
],
...
}
次に、myscript.js
必要なコードの記述では、次のようになります (コンテンツ スクリプトとしても挿入される jQuery を使用):
$('[user]').each(function()
{
$(this).removeAttr("user");
});
属性自体を削除するためのものです。もちろん、remove()
の代わりに要素呼び出し全体を削除できますremoveAttr()
。
あなたのコンテンツスクリプトで:
DOM から削除するには、これを使用します
$('[my_tag]').remove();
そして、各要素で遊ぶには、これを使用できます:
$.each($('[my_tag]'), function(index, element) {
console.log(index + ': ' + element);
});