質問: facebookのタイムライン上の投稿で特定の文字列を含んだ時にだけ、その投稿のテキスト部分を非表示にし、特定の画像を表示させる拡張を作りたいです。 (例:「ハゲ」「薄毛」という文字列を含んだ投稿において日本人形の写真を表示させる)使用言語はjavascriptを想定しています。 開発において参考になりそうな記事のURLなどありましたら教えていただけるとありがたいです。よろしくお願いいたします。
回答: ### 特定文字の部分だけ変えたい * ページ内検索やシンタックス ハイライトに使える JavaScript コード - ころく を読み込む * 検索文字に応じたクラスを持つ要素で囲む。例えばハゲなら で囲む * CSSで文字色を透明にすることで、非表示と同じ効果を得るようにする ``` .hage{ color : transparent; background: url(画像パス) } ``` ### テキスト全体を非表示にしたい 単純にtextContentで検索する。 ``` if ( element.textContent.match(word) ) { element.textContent = "" element.style.background = 画像URL } ```