chrome 外掛程式初學開發

2021-08-31 12:28:38 字數 380 閱讀 2043

這兩天學習了chrome的外掛程式開發,發現寫外掛程式是個很有意思的事情,可以很輕鬆的滿足很多日常的小需求。提高工作效率。 下面簡單分享下這兩天寫的兩個外掛程式以及背後的需求點。

外掛程式1:automan小工具

需求:公司測試團隊automan經常需要用jquery的選擇器來定位頁面的元素,但測試人員通常不是每個人都懂前段,也經常要通過一些繁瑣的步驟,來確定自己寫的選擇器是否能正確的選擇他想要選擇的元素。

功能實現:在外掛程式上填寫測試人員編寫的選擇器,在頁面上會自動高亮提示選擇器所選擇到的元素,編寫實現非常簡單,就是把外掛程式中填寫的selector在頁面中用$(『selector』) 查詢一下並且高亮

外掛程式2:

截圖: 

另外附上我的外掛程式原始碼:

僅供學習參考

Chrome 外掛程式開發(序)

自從接觸到 chrome 以來,一直對它情有獨鍾。作為乙個普通使用者,介面簡潔 速度快 安全 應用豐富,無疑是很好的體驗。然而,作為乙個應用程式開發者而言,原始碼開放 強大的開發團隊 持續不斷的完善更新 豐富的開發者支援,沒有理由不去關注它。雖說自己還是乙個十足的應用程式開發新手,但一直渴望能涉獵像...

chrome外掛程式的開發

一,chrome瀏覽器外掛程式開發 自動登入 二,chrome瀏覽器外掛程式開發 關於案例 以下文章也很不錯 一,chrome 擴充套件開發教程 1 hello chrome 二,chrome 擴充套件開發教程 2 background的用法 三,chrome 擴充套件開發教程 3 content ...

chrome 外掛程式開發 教程00(如何開發外掛程式)

chrome外掛程式分為兩種 一種是出現在瀏覽器工具欄中的browser actions,另一種就是出現在位址列中的page actions,這兩者的區別是 ba外掛程式的功能對所有的頁面都可以使用,但是pa外掛程式只會對一些特定的頁面位址才會生效的外掛程式,所以它對於不生效的頁面是隱藏不顯示的。a...