[caption id=”” align=”alignleft” width=”128” caption=”Auto play in Facebook Theater Mode”]
家中的女王又來給我出題目了，這次的題目不算難，他想要在看朋友的FB相簿時自動播放，用chromeExtension可以很輕易的做到，有了之前開發的經驗，要做這種注入式攻擊增強功能算是小事一樁。雖然如此，還是紀錄一下開發心得。
1. 由於是Page Action，需要的資源如圖片等必須額外host，我不想為了這個小功能而要找host放圖片，因此我用Binary File to base64 encoder來將圖片轉成base64 直接嵌入。
2. 使用 getComputedStyle 來查找「真正的」計算樣式(computed style)：
如果你只用Element 的style屬性來取得該Element設定，一定會吃鱉，因為style 屬性只包含該元素之inline樣式資訊，而不包含該元素的CSS階層樣式，因此你需要用 getComputedStyle來查找真正的style屬性。只是要注意的是這個方式不見得都能取得想要的資訊，例如：當元素不是絕對定位，透過computed style取得left 和top時，只會得到”auto”，這是完全合法的CSS值，但這可能不是你要得結果。因此在使用時，必須要謹慎。另外一點需要注意的是IE並不存在這個用法，而是要使用currentStyle 來做查詢。不過我開發的平台在chrome，因此就可以忽略這個問題，大心。
大概就是這樣啦～那麼，有任何bug請回報。