StackDoc

StackDoc

當前位置: 主頁 > 編程語言 > XML >

DIY chrome瀏覽器漫畫翻頁插件

時間:2011-08-21 14:58來源:Internet 作者:Internet 點擊:
最近迷上了火影忍者,在愛漫畫網站上看的漫畫版。每看完一頁都要用鼠標點一下翻頁鍵,時間長了覺得有些不爽。要是按上下鍵看漫畫時,按一下旁邊的鍵,就可以翻到下一頁,會舒服不少。 用的是chrome瀏覽器,裝
?

最近迷上了火影忍者,在愛漫畫網站上看的漫畫版。每看完一頁都要用鼠標點一下翻頁鍵,時間長了覺得有些不爽。要是按上下鍵看漫畫時,按一下旁邊的鍵,就可以翻到下一頁,會舒服不少。

用的是chrome瀏覽器,裝了一些插件,不過應該沒有能滿足我這個簡單需求的,再加上對瀏覽器插件有些好奇,還是DIY一把吧。

閱讀google的擴展編寫幫助文檔(http://code.google.com/chrome/extensions),發現寫一個擴展還是比較簡單的,只用chrome瀏覽器加記事本就可以了。


插件的代碼和圖標資源都要放到一個文件夾裏。必須要有一個名为manifest.json的插件描述文件。json格式類似簡化的xml,用來存儲一些鍵值對。chrome規定了一些鍵名(插件屬性名),我們在manifest.json裏给這些鍵名賦值就好了。例如我這個插件的描述文件部分內容为:



插件有按鈕型,網頁型,腳本型幾種。漫畫翻頁插件需要實現成腳本型,在瀏覽漫畫網頁時,插入一段javascript代碼,監聽按鍵,如果按下了翻頁鍵,則模擬點擊了翻頁超鏈接。


在manifest.json裏加上腳本型入口

"content_scripts":[
{
"matches": ["<all_urls>"],             //對於所有網頁均插入這段腳本(這裏只是圖省事,其實應該匹配看漫畫網站的某些網頁)
"run_at": "document_end",          //正常網頁解釋完再插入腳本
"js":["contentscript.js"],                 //插入的腳本文件名,與manifest.json,圖標等放在一起即可
"all_frames": true
}

編寫這個插件前,我對javascript也是一竅不通。在網上簡單看了些教程,和幾個chrome插件的源代碼。拼湊了下列代碼



這样插件就編寫完成了。從chrome菜單按鈕-》工具-》擴展程序-》開發人員模式-》載入正在開發的擴展程序,選擇插件所在的文件夾就ok了。

編寫這個簡單插件的過程中還是學到了不少東西。好了,看火影忍者去了!






From:http://blog.csdn.net/wtyqm/article/details/6705042
頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
發表評論
請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
評價:
表情:
用戶名: 驗證碼:點擊我更換圖片
欄目列表
推薦內容
GOOGLE提供的廣告