最近公司有業務需求需要做乙個chrome外掛程式，原本想著用jquery + bootstarp搞定。
但是由於已經使用angular已經太久了，重新再用jquery有點蛋疼。
後面查了一下資料，發現有人用react寫過chrome外掛程式。
仔細看了下，覺得實際上應該是一樣的原理。嘗試了一下angular + material，果然可以，過程如下:
angular cli: 7.1.3
angular: 7.1.3
node: 10.11.0
material ui: 7.2.1
配置理論上不需要跟我一樣，我貼出來的原因是方便有個參考而已。angular 4以上的版本應該都是可以通用的。
沒有專案的話用cli新建乙個
ng new oneangularproject
已有專案的直接在專案下build
ng build
注意，build時不用任何引數，以往我們為了壓縮合併js,css等檔案會新增引數，以保證build出來的是最小版本。但如果是構建chrome外掛程式的話，就不能加引數了。
我專案裡的mainfest.json如下
,
"permissions": ,
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
"web_accessible_resources": [
"assets/css/*",
"assets/js/*",
"assets/fonts/*"]}
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"注意這句一定要加上，不加上的話會報錯web_accessible_resources欄位看自己專案裡的業務需求請自定義
具體如何開發chrome外掛程式和一些細節，這裡就不提了。
有興趣的可以看這個部落格裡的文章，個人覺得寫得還是很不錯的。
chrome外掛程式開發教程
使用yeoman構建angular應用
本文將介紹如何親手來完成乙個yeoman的generator，以實現快速構建最適合自己的專案。本文將實現的generator起名為ngtimo，依照yeoman的命名規矩就叫做generator ngtimo，是筆者這週末一晚上加一上午參考著yeoman官方給出的幾個generator genera...
Angular 構建系統
angular框架 angular cli angular應用程式所用到的元件都打包成npm packages，並通過npm registry進行分發。npm安裝的包都會在package.json中，package.json檔案中的包被分為了兩組 dependencies是執行應用的基礎，devde...
webdriver使用已開啟過的chrome
基本功能 執行指令碼a，開啟乙個chrome，指令碼a執行完成，chrome未關閉。執行指令碼b，繼續使用a開啟的chrome，不新啟瀏覽器。附加 如果已開啟的chrome未關閉，則在chrome中新建標籤頁來開啟新的頁面。如果已開啟的chrome已關閉，則新啟瀏覽器。最近用python selen...