人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

facebookのタイムライン上の投稿で特定の文字列を含んだ時にだけ、その投稿のテキスト部分を非表示にし、特定の画像を表示させる拡張を作りたいです。
(例:「ハゲ」「薄毛」という文字列を含んだ投稿において日本人形の写真を表示させる)使用言語はjavascriptを想定しています。
開発において参考になりそうな記事のURLなどありましたら教えていただけるとありがたいです。よろしくお願いいたします。

●質問者: zineriki
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● 7cc
●50ポイント

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

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

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


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

2 ● Cherenkov
●50ポイント

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

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


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


7ccさんのコメント
一つ目のリンク先ではMutation Event(DOMNodeInsertedなど)が使用されていますが、これはもう使われません。Ajaxの読み込みに対応する場合はMutationObserverを使用してください。 二つ目は、読み込み部分がどのファイルに該当するのか読むのが面倒なので分かりません。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ