關于最近阿里內部員工搶月餅事件引發的js程序擴展
來源：程序員人生 發布時間：2016-12-13 14:57:07 閱讀次數：2809次
前段時間關于阿里內部員工搶月餅事件傳遍了全部程序界，今天，就淺談下如何編寫js擴大程序來到達你需要的東西
干貨開始啦！！！
首先，今天我們用到的是chrome閱讀器，固然也有其他的閱讀器如火狐閱讀器（自己可以百度，查找資料），個人認為谷歌閱讀器插件擴大還是蠻不錯的（個人推薦！）；
步驟：
1，建立1個文件夾，命名為 ChromeExtend
2，在ChromeExtend這個文件夾中，建立1個manifest.json文件，作為這個程序的擴大配置文件，把需要填寫的信息都可以放到這個json文件里，大概內容以下：
{
"name":"我的Chrome插件之彈窗helloworld！",
"manifest_version":2,
"version":"1.0",
"description":"我的第1Chrome插件，延續更新中！",
"browser_action":{
"default_icon":"1.png"
}
}
注釋：“1.png”，可以隨意抽出1個圖片發到ChromeExtend這個文件中，它的作用就是來提示你安裝的插件擴大程序，如我的安裝成功后，會在你閱讀器右上角擴大程序欄中
顯示以下（下面有安裝步驟）：
另外需要注意的是，json文件的字符子集為utf⑻，統1管理；
其實到這，你已完成了1大半了！！！
接下來，我們就開始用到谷歌閱讀器，來安裝你寫到擴大程序了，打開谷歌擴大程序，選擇以下圖的“加載已解壓的擴大程序”（我的是mac，windows系統也是勾選此選項，肯能文字描寫不太1樣吧）
然后便是你選中你剛才建立的那個ChromeExtend文件夾，選擇“打開”便成功了！（看看你閱讀器擴大程序欄中的右上角，有無你剛才的“1.png”圖片！！！）
3，接下來，我們便開始寫我們的js（干貨啊
）
我們把helloword的代碼添加上去，在manifest.json文件上添加以下代碼：
"content_scripts":[
{
"matches":["https://www.zhihu.com/*"],
"js":["my.js"]
}
]
注釋：matches 里配置的是你的 要放入js的域名 ； js 便是你要履行的js代碼；
以下就是my.js1句簡單的代碼：
alert('Hello World!');
這里我們看到了“content_scripts”，其實它的作用就是要讓你的js在你需要的頁面中之行，具體詳細的配置信息，自己可以百度哦，這里就不多介紹啦！
4，寫完后，在你擴大程序中，點擊“重新加載”，以下圖：
5，完善收官！
完成代碼：
{
"name":"我的Chrome插件之彈窗helloworld！",
"manifest_version":2,
"version":"1.0",
"description":"我的第1Chrome插件，延續更新中！",
"browser_action":{
"default_icon":"1.png"
},
"content_scripts":[
{
"matches":["https://www.zhihu.com/*"],
"js":["my.js"]
}
]
}
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
