2012年11月30日 星期五

隨手程式碼 - mobile01.com 方向鍵換頁

結果: https://gist.github.com/4178423

花了兩個小時做的東西

僅適用 chrome

過程說明

想在 m01 上面使用方向鍵換頁的話,需要做到幾件事情

  1. 開啟特定網頁時,加入換頁程式碼
  2. 換頁程式碼會偵測特定按鈕(在此為左右方向鍵)並觸發事件
  3. 根據按鈕,修改網址,並前往新網址

第一件事情使用 chrome 的套件 Personalized Web 達成

這部份主要是需要 inject javascript 能力

其實可以透過其他擴充套件達成

第二件事情,使用 gist 中的程式碼處理

網路上找到的程式碼都使用 document.onkeypress

這招對方向鍵無效(或者是mac比較特別?)

要改成 onkeydown

裡面的eventobj 和 code 看起來很多餘

但是並不能省略

這是我嘗試了半小時的結果

有人有不同想法,且有成功的話,歡迎討論

第三件事情

主要是偵測網址、修改網址並前往

不過前往新網址後,使用 document.onkeydown 會發現在新頁面中程式碼無法觸發

必須要改用 window.onkeydown 才行..

因為卡了以上三個東西

本來估計頂多 20 分鐘處理好的小東西變成 2 小時的工作 orz

世界果然到處是眉眉角角…

追加:

google serach 左右鍵換頁

https://gist.github.com/4179848

使用側邊欄

http://userscripts.org/scripts/review/152796

沒有留言: