chrome外掛程式研發手冊

2022-03-27 21:55:28 字數 814 閱讀 4024

chrome外掛程式研發手冊

對於研發的小夥伴來說,總會遇到這樣的需求,想要通過**操作已有**的行為動作,如:自動填充**內容(表單內容太多,想一鍵將表單內容填充);自動登入**(**登入密碼老是忘記,或者使用者名稱密碼太長,想一鍵登入)……;對於這些需求都可以通過瀏覽器外掛程式的方式解決,我們這裡就以chrome外掛程式來論述

(參考:

點選如圖所示位置打包專案資料夾(第一次打包對應的秘鑰不需要提供,打包完成後會自動生成,之後在打包就需要這個生成的秘鑰了)

(參考:

開啟chrome://extensions/,並保證是開發者模式,點選如圖所示地方,就可以轉到外掛程式除錯位置

除錯popup:對這外掛程式滑鼠右鍵選擇inspect popup

除錯background:需要外掛程式配置了background,再開啟下面所示位置

除錯contentscript:在配置的指定頁面開啟開發者頁面就可以看到你所插入的contentscript指令碼了,contentscript與頁面原本的js指令碼是兩個獨立環境,不能相互呼叫對方方法的

總結:background會一直在後台執行,contantscript經過配置載入在指定頁面,但在指定頁面關閉時,對應指令碼就不會執行了,popup指令碼會一直執行;他們之間訊息的傳遞規則如下(一直要執行的指令碼一般放在background中,popup一般作為外掛程式頁面展示)

參考:參考:

參考:我的例子:搭建乙個單點登入(乙個認證中心,乙個外掛程式客戶端用來實現自動登入效果的)sso方案v2.0.docx

修改Chrome外掛程式,Chrome外掛程式位置

這裡首先感謝微博急簡的作者 還我乙個乾淨的微博環境。應該是滿足大家,預設的吧個人的背景替換成灰色的了,我的背景是大美女,想看看,於是就有了今天的博文。那麼,我就要修改chrome的外掛程式,我以前只會用,那裡會修改,於是就找,ubuntu下,chrome的安裝位置在 opt google chrom...

Chrome 外掛程式集錦

原文出處 cn simo 子曾曰 工欲善其事,必先利其器。居是邦也。語出 論語 衛靈公 其後一百多年,荀子也在其 勸學 中倡言道 吾嘗終日而思矣,不如須臾之所學也 吾嘗跂而望矣,不如登高之博見也。登高而招,臂非加長也,而見者遠 順風而呼,聲非加疾也,而聞者彰。假輿馬者,非利足也,而致千里 假舟楫者,...

Chrome 外掛程式集錦

原文出處 cn simo 子曾曰 工欲善其事,必先利其器。居是邦也。語出 論語 衛靈公 其後一百多年,荀子也在其 勸學 中倡言道 吾嘗終日而思矣,不如須臾之所學也 吾嘗跂而望矣,不如登高之博見也。登高而招,臂非加長也,而見者遠 順風而呼,聲非加疾也,而聞者彰。假輿馬者,非利足也,而致千里 假舟楫者,...