chrome插件開發之:一鍵購物助手功能開發總結

從10.1開始有開發自動購物這個想法,一直到今天,就是10.9,總算把這個功能給完美整出來了。
回顧這9天的開發路程,確實不是很好走。發現了很多問題,也解決了很多問題。現在分享一下開發的經驗。
開發經驗總結:
1 首先是前端的基礎必須要打好的!特別是js和css的基礎。還有,必須要理解什麼是異步編程,什麼是回調函數等。
如果不理解的話,可以看看我寫的一個文章:
http://blog.csdn.net/samt007/article/details/52730739
接着就是chrome插件的開發了。必須先要了解這個東西的大體執行邏輯。
其實每個開發工具都有自己的特性,摸清楚是怎麼實現的就行。特別是後面的異常處理,真的是起了決定性的作用!
比較深刻的是,由於注入腳步是在另外一個沙盒執行,所以,所有訪問到的網絡資源都必須先要在定義文件(manifest.json)裏面定義,
纔可以在腳步中使用。而且不是可以直接使用的那種,要在腳本用chrome.extension.getURL來調用。
下面是一些比較基礎比較好的網址,可以看看:
入門的例子的網址:
Chrome插件(Extensions)開發攻略:
http://www.cnblogs.com/mfryf/p/3701801.html
第一個簡單的chrome擴展:
http://www.ituring.com.cn/article/60134
360的翻譯chrome開發:
http://open.chrome.360.cn/extension_dev/browserAction.html
知乎上面的經典答覆:
http://www.zhihu.com/question/20179805
3 由於這個插件是嵌入到淘寶和天貓這種成熟電商的網購平臺。所以平臺肯定有很多特殊性的東西。
其中解決了一些問題,例如用jq模擬點擊按鈕無效,必須要用原生dom對象click纔有效果。
另外,處理了由於嵌入了一些css(boostrap框架),導致原來的佈局變亂;淘寶的ui的z-index層疊過大導致我嵌入的layer的div無法顯示等的問題。
總之是,遇到問題先要定位問題的發生點,能直接理解發生的原因最好,不理解的話可以慢慢調試,再找最優的解決辦法。儘量別逃避問題!
我的博客裏面都有這些問題的解決方法。

備註:想下載使用的話,先下載一個360瀏覽器,然後瀏覽器中輸入:
https://ext.se.360.cn/webstore/search/一鍵購物助手
接着安裝這個應用,即可!
這裏寫圖片描述
軟件效果圖:
自動購物時候彈出的界面
日期選擇界面
預約購物倒計時界面
功能基本設定界面

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章