OTHER PAGES

WELCOME

Move your mouse onto the image to see the bravo CSS3 Transition!

2012年8月4日 星期六

[JS]改寫自動戳回去

遙遠的前一篇中,我們已經詳細介紹撰寫這個小工具的方法了,在這篇中,我將簡要的修改這個工具...
FB不知道在什麼時候多了一個「戳人建議(Poke Suggestions)」的側欄,隨機挑選你的朋友,方便戳人。很顯然的,這會干擾小工具的運作。因為只要符合條件就會被戳,因此你會非預期的戳了一些可能沒戳過你的人。很快地,戳戳樂就會如滾雪球似的湧進來了。

Poke Suggestions Panel
因此,「是戳回去連結」 這個條件顯然不夠,必須把條件改的嚴格一點。也就是說,要繼續尋找能夠指定的條件。
再往上觀察一下,會發現主頁面是由一個名(id)為"contentArea"的div所包住。而id需要用到"#"這個符號篩選:
#contentArea

把這個條件和原本條件合併成「在 #contentArea 裡面的 a[ajaxify*='/ajax/pokes']」。那麼,「在...裡面」要怎麼表示呢?
其實是用空白符號區隔!
#contentArea a[ajaxify*='/ajax/pokes']

因此只需要把條件改一下,就可以很容易的達成這個需求!

補充

另外還有幾個常用的selector,可以便捷地在網頁結構中篩選需要的標籤,列在下面以供參考:
  1. " "(空白):在...裡面
  2. ">": 在...下一層
  3. "+":緊接在...之後
  4. "~":與...同級
有些意思很像,常會混淆,因此先搞清楚是有必要的。
01<a>
02    <b>
03        <c>
04            <c/>
05            <c/>
06        </c>
07    </b>
08    <c>
09        <d/>
10    <c>
11</a>
 就拿上面這個為例,
  • c c 會選到第4、5行。
  • b + c 或 b ~ c 會選到第8、10行。
  • b > c 會選到第3、6行。
  • ...

張貼留言