facebookのタイムライン上の投稿で特定の文字列を含んだ時にだけ、その投稿のテキスト部分を非表示にし、特定の画像を表示させる拡張を作りたいです。

(例:「ハゲ」「薄毛」という文字列を含んだ投稿において日本人形の写真を表示させる)使用言語はjavascriptを想定しています。
開発において参考になりそうな記事のURLなどありましたら教えていただけるとありがたいです。よろしくお願いいたします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/10/07 16:31:27
  • 終了:2013/10/14 16:35:04

回答(2件)

id:u_7cc No.1

7cc回答回数32ベストアンサー獲得回数142013/10/09 00:58:54

ポイント50pt

特定文字の部分だけ変えたい

.hage{
  color : transparent;
  background: url(画像パス)
}

テキスト全体を非表示にしたい


単純にtextContentで検索する。
if ( element.textContent.match(word) ) {
  element.textContent = ""
  element.style.background = 画像URL
}
id:Cherenkov No.2

Cherenkov回答回数1502ベストアンサー獲得回数4922013/10/09 02:59:27

ポイント50pt

拡張までいかなくてもgreasemonkey等userscriptでまずは遊んでみるといいかもしれません。
facebookだと非同期読み込み(下までスクロールすると新たに読み込まれる)があるので、そのへんのDOMイベントへの工夫も必要。

ぱっと思い浮かんだグリモン
id:otsune さんと id:otsnue さんを間違えないようにする Greasemonkey - IT戦記


chrome拡張で同じようなものが存在します。
初めての人にも優しいCustomBlocker 2.5をリリース | コーヒーサーバは香炉である
ソースコードはこちら maripo/CustomFilter

id:u_7cc

一つ目のリンク先ではMutation Event(DOMNodeInsertedなど)が使用されていますが、これはもう使われません。Ajaxの読み込みに対応する場合はMutationObserverを使用してください。

二つ目は、読み込み部分がどのファイルに該当するのか読むのが面倒なので分かりません。

2013/10/09 23:24:13

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません