pjax を利用したサイト向けの Chrome Extension の書き方 - @kyanny's blog

Chrome Extension の Content Scripts を使うと Greasemonkey のようにウェブサイトを加工できて便利だが、 Content Scripts はページのロード後に一度だけ実行されるので、 github.com のように pjax を利用しているサイトではページ遷移後に期待通り実行されないことがある。 pjax は pjax:success などの独自イベントを発火するが、 Content Scripts はサンドボックス環境で実行されるので pjax が発火するイベントを Listen することができない。しかし DOM の変更時に発生するイベントを Listen することはできる。 DOM の変更を検知するためには DOMSubtreeModified が利用できるが、このイベントは DOM Level 3 で deprecated になってしまっ

[a666666]

Posted to Hatena Blog pjax を利用したサイト向けの Chrome Extension の書き方 - @kyanny's blog

[tmatsuu]

SPDY IndicatorでもTwitterなどでうまく動かなかったけど、chrome.tabs.onUpdatedにchangeInfo.statusが'complete'かチェックするListenerを突っ込んだらいけた。それでいいのかはよくわかってない。

[mallowlabs]

Chrome Extensions で pjax:end が拾えなくて困ってたけど助かりました

[ryonext]

GitHub向けの拡張作っててハマった

[raimon49]

MutationObserver

[efcl]

MutationObserverを使った変更検知での書き換えについて。 GreasemonkeyだとunsafeWindowでpjaxのイベントhookも出来る。でもtime要素とか時間で動的に変わる部分とかもあるのでMutation必要

[NetPenguin]

githubみたいな、画面遷移のないwebアプリに対してuserscriptを書く場合の方法。前に書いた時はlocationの変化をポーリングしてたけど、次書くときはこの方法を使おう…